/* Responsive additions to the preserved Gear theme. */
.header, .menu { float: left; clear: both; width: 100%; }
.posts, .sidebar { float: left; }
img { max-width: 100%; height: auto; } iframe { max-width: 100%; }
.items img { float: none; } .aligncenter { display: block; margin: 1rem auto; }
.static-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 20px 0; }
.static-gallery img { display: block; width: 100%; margin: 0; border-radius: 3px; }
.sidebar nav { margin-bottom: 2rem; } .items h1 { font-size: 2em; }
.menu { height: auto; min-height: 32px; background-color: #ededed; }
.menu-wrapper { display: flex; flex-wrap: wrap; } .menu-wrapper li { float: none; }
a:focus-visible { outline: 2px solid #2588bf; outline-offset: 3px; }
@media(max-width: 880px) {
 .container, .span-24, div.span-24 { width: 100%; }
 .header .intro, .content .posts, .content .sidebar { width: 100%; float: none; margin: 0; }
 .content { background: white; } .paddings { padding: 20px; }
 .intro-wrapper { min-height: 80px; } .header .logo { font-size: 2em; }
 .static-gallery { grid-template-columns: 1fr 1fr; } body { margin: 0; }
}