/* UNIVERSAL RESPONSIVE WRAPPER */
.page-wrapper {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 16px;
}

/* PREVENT OVERFLOW ON SMALL DEVICES */
body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

/* MAKE ALL IMAGES RESPONSIVE */
img {
    max-width: 100%;
    height: auto;
}

/* MAKE TABLES SCROLLABLE ON MOBILE */
table {
    width: 100%;
    border-collapse: collapse;
}

.table-responsive {
    width: 100%;
    overflow-x: auto;
}

/* RESPONSIVE TYPOGRAPHY */
h1, h2, h3, p {
    word-wrap: break-word;
}

/* MOBILE PADDING */
@media (max-width: 600px) {
    .page-wrapper {
        padding: 12px;
    }
}