@media only screen and (max-width: 767px) {
* { font-size: 18px; }
.cls_blog { min-height: auto; max-width: 100%; min-width: auto; padding: 20px 20px; margin: 0; }
.logo img { width: 240px; height: auto; }
.logo span { display: none; }
.main_blog, .footer_blog { max-width: 100%; min-width: auto; padding: 20px 20px; margin: 0; padding-top: 0px; }
h1, h1 a { font-size: 26px; margin-bottom: 0px; }
h2 { font-size: 18px; margin-bottom: 20px; }
p, p a { font-size: 18px; margin-bottom: 20px; line-height: 24px; }
p:last-child, p a:last-child { margin-bottom: 0px; }
section { margin-bottom: 40px; }
section:last-child { margin-bottom: 30px; }
.footer_menu { display: block; }
.footer_menu li { margin-bottom: 5px; }
.footer_menu li a { font-size: 18px; }
.footer-content li a { font-size: 18px; }
}