/* Base Reset & Styles */
        * { box-sizing: border-box; outline: 0; }
        body { font-family: 'Open Sans', Arial, sans-serif; background: #f8f8f8 url(/assets/bg.png) repeat fixed top left; margin: 0; color: #2e2e2e; }
        a { text-decoration: none; color: #000; }
        img { max-width: 100%; vertical-align: middle; }
        header, nav, section, footer { display: block; }

        /* Layout */
        #outer-wrapper { max-width: 1150px; margin: 0 auto; background: #FFF; box-shadow: 0 0 5px rgba(0,0,0,0.2); }
        .row { display: flex; flex-wrap: wrap; padding: 20px; }
        #main-wrapper { flex: 0 0 68%; max-width: 800px; padding-right: 20px; }
        #sidebar-wrapper { flex: 0 0 30%; max-width: 330px; }

        /* Header */
        #header-wrapper { background: #1e3753; padding: 20px; color: #fff; text-align: center; }
        #header-wrapper h1 { font-family: cursive; font-size: 48px; margin: 0; }
        nav { background: #222; padding: 10px; text-align: center; }
        nav a { color: #fff; padding: 10px 15px; text-transform: uppercase; font-family: Oswald, sans-serif; }
        nav a:hover { color: #26c6da; }

        /* Post Content */
        .post { background: #f7f7f7; padding: 15px; margin-bottom: 20px; border: 1px solid #eee; }
        .post-title { font-size: 22px; font-weight: 400; color: #000; margin-bottom: 10px; }
        .post-thumb { width: 100%; height: 200px; background-size: cover; background-position: center; margin-bottom: 15px; }
        .read-more { display: inline-block; padding: 5px 12px; background: #222; color: #fff; font-size: 12px; margin-top: 10px; }
        .read-more:hover { background: #26c6da; }

        /* Sidebar */
        .widget { margin-bottom: 20px; }
        .widget-title { font-weight: 700; text-transform: uppercase; border-bottom: 2px solid #222; padding-bottom: 5px; margin-bottom: 10px; }
        .widget ul { list-style: none; padding: 0; }
        .widget li { padding: 5px 0; border-bottom: 1px solid #eee; }

        /* Footer */
        footer { background: #1e3753; color: #fff; padding: 20px; text-align: center; }

        /* Responsive */
        @media only screen and (max-width: 768px) {
            #main-wrapper, #sidebar-wrapper { flex: 0 0 100%; max-width: 100%; }
        }