/* styles/main.css */
body {
    /* Base typography for the site.  Padding and width are controlled via
       Bootstrap's container classes rather than here. */
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

h1 {
    text-align: center;
}

ul, ol {
    padding-left: 20px;
}

@media (max-width: 600px) {
    body {
        /* On small screens the responsive Bootstrap containers handle
           spacing; no extra padding needed here. */
        padding: 0;
    }
}