@media (min-width:768px) and (max-width:1024px){.container,.content-area,.site-main{margin:0 auto;padding:10px;max-width:90%}img{max-width:100%;height:auto}.main-navigation{display:flex;flex-direction:column;text-align:center}.main-navigation li{margin-bottom:10px}h1,h2,h3{font-size:1.8em;line-height:1.4}.button,.btn{font-size:16px;padding:10px 15px}.columns{display:flex;flex-wrap:wrap;gap:10px}.columns>div{flex:1 1 calc(50% - 10px)}.site-footer{padding:20px 10px;text-align:center}.menu-toggle{display:block;text-align:center;padding:10px}.menu{display:none}.menu-toggle.active+.menu{display:block}}