@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
* { font-size: 20px; }
.cls_blog { min-height: auto; max-width: 100%; min-width: auto; padding: 5% 5% 3% 5%; margin: 0; }
.logo img { width: 240px; height: auto; }
.logo span { display: none; }
.main_blog, .footer_blog { max-width: 100%; min-width: auto; padding: 5% 5% 3% 5%; margin: 0; padding-top: 0px; }
h1, h1 a { font-size: 26px; margin-bottom: 0px; }
h2 { font-size: 20px; margin-bottom: 20px; }
p, p a { font-size: 20px; margin-bottom: 20px; line-height: 26px; }
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: 20px; }
.footer-content li a { font-size: 20px; }
}