/* Style sheet for narrower screens */
#wrapper {
 /* Set your own widths, % for fluid, px for fixed */
 width: 100%;
 min-width: 320px;
 max-width: 780px; 
 /* Vertical margins, and auto to center */
 margin: 0 auto;
}
/* Sample styles for 3-column layout */
/* Section containing multiple columns */
.columns {
 display: block;
 width: 100%; 
 /* Border is optional, style to taste */
 border: solid 1px silver;
}
/* Aside columns in columns div */
.columns aside {
 display: block; 
 /* Use any width and padding you like */
 width: 100%;
 padding: 1%;
}
/* Main article in the columns */
.columns article {
 padding: 1%;
}
/*Optional, style to taste */
.columns .left {
 background-color: #ddd;
 border-right: solid 1px gray;
}
.columns .right {
 background-color: #ddd;
 border-left: solid 1px gray;
}
/* Shrink and float the side column images */
.columns aside img {
 width: 29%;
 margin: 1%;
 float: left;
}
/* Hide side column text */
.columns aside p {
 display: none;
}
/* This ensures that the background for the 
 side column is as tall as the images */
.columns aside {
 overflow: hidden;
}