@media screen and (max-width: 300px) {
    h1 { font-size: 70px; padding: 1px; }
    h2 { font-size: 12px; padding: 1px; }
    body { font-size: 12px; }
}

@media screen and (max-width: 700px) {
    .sidebar { width: 100%; }
    .left-col { width: 100%; }
}

img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}