Small fixes

public/css/style.css

@@ -295,7 +295,7 @@ div.pp_default .pp_close:hover {
 }
 .top_menu_container ul.right_menu li, .menu_mobile_container ul.right_menu li {
   float: left;
-  padding: 0 19px;
+  padding: 3px 19px;
   margin: 8px;
   border-right: 1px solid rgba(255, 255, 255, 0.2);
   line-height: 2;
@@ -495,7 +495,8 @@ div.pp_default .pp_close:hover {
   padding: 20px;
   min-width: 70vw;
   max-width: 100vw;
-  overflow: hidden;
+  overflow-x: hidden;
+  overflow-y: auto;
 }
 .mobile_menu_container nav ul, .mobile_menu_container nav li, .mobile_menu_container nav li a {
   width: 100%;
@@ -1048,6 +1049,9 @@ div.pp_default .pp_close:hover {
   margin: 10px 0;
 }
 
+.podcast_items .box {
+  margin-bottom: 10px;
+}
 .podcast_items ul {
   margin: 0;
   padding: 0;
@@ -1058,8 +1062,10 @@ div.pp_default .pp_close:hover {
   margin-right: calc(-0.5 * var(--bs-gutter-x));
   margin-left: calc(-0.5 * var(--bs-gutter-x));
 }
-.podcast_items ul li {
-  margin-bottom: 25px;
+@media (min-width: 768px) {
+  .podcast_items ul li {
+    margin-bottom: 25px;
+  }
 }
 .podcast_items ul li h2 {
   margin: 0;
@@ -1140,7 +1146,7 @@ div.pp_default .pp_close:hover {
   }
 }
 
-.page_title {
+.page_title, .page_title2 {
   margin: 17px 0;
   font-family: Montserrat, serif;
   font-size: 30px;
@@ -1150,11 +1156,15 @@ div.pp_default .pp_close:hover {
   color: #282828;
 }
 @media (min-width: 768px) {
-  .page_title {
+  .page_title, .page_title2 {
     font-size: 40px;
   }
 }
 
+.page_title2 {
+  font-size: 30px;
+}
+
 .post_container {
   max-width: 1170px;
   margin: 0 auto;
@@ -1209,7 +1219,7 @@ div.pp_default .pp_close:hover {
 .post_container .post_body .sentence {
   font-size: 12px;
   font-style: italic;
-  line-height: 3.17;
+  line-height: 1.3;
   text-align: right;
   color: #585858;
   display: block;
@@ -1482,13 +1492,22 @@ div.pp_default .pp_close:hover {
   margin-bottom: 20px;
 }
 .footer_container .footer_menu2 li {
-  float: left;
   margin-right: 40px;
   padding: 9px 0;
 }
+@media (min-width: 768px) {
+  .footer_container .footer_menu2 li {
+    float: left;
+  }
+}
 .footer_container .footer_menu2 li:first-child {
   padding: 0;
 }
+@media (max-width: 768px) {
+  .footer_container .footer_menu2 li:first-child {
+    padding: 0 0 15px 0;
+  }
+}
 .footer_container .footer_menu2 li .logo {
   display: block;
   width: 115px;
@@ -1580,4 +1599,10 @@ a, a:hover, a:active {
   color: #0f259d;
 }
 
+@media (min-width: 768px) {
+  .md_padding_top_80 {
+    padding-top: 80px;
+  }
+}
+
 /*# sourceMappingURL=style.css.map */