#navigation {
    /* 1. Navigation wrapper */
}

#highlighted {
    /* 2. Highlighted (below header) wrapper */
}

#content {
    /* 3. Content wrapper */
}

#content-below {
    /* 4. Content Below wrapper */
}

#footer {
    /* 5. Footer wrapper */
}

/*
 * --------------------------------------------------
 * 2. Colours
 *-------------------------------------------------- 
 */
/*
 * --------------------------------------------------
 * 3. Responsiveness/media queries
 *--------------------------------------------------
 */
@media (max-width: 979px) {
    /* Navbar Collapsed (mobile) */
}

@media (min-width: 980px) {
    /* Navbar Expanded (desktop) */
}

@media (min-width: 1200px) {
    /* Responsive: Large desktop and up (wide) */
}

@media (max-width: 979px) {
    /* Responsive: Mobile to desktop (common for all narrow devices) */
}

@media (min-width: 768px) and (max-width: 979px) {
    /* Responsive: Tablet to desktop (normal) */
}

@media (max-width: 767px) {
    /* Responsive: Landscape phone to desktop/tablet (narrow) */
}

@media (max-width: 480px) {
    /* Responsive: Up to Landscape phone (mobile) */
}

/*
 * --------------------------------------------------
 * 4. Misc
 * Other stuff
 *--------------------------------------------------
 */