@import url("font-awesome.min.css");
@import url("fonts.css");
@import url("main.all.css");
@import url("main.desktop.css");
@import url("main.wide.css");
@import url("main.narrow.css");
@import url("main.narrower.css");
@import url("main.mobile.css");

/*
Desktop:    737 <= width
Wide:       1201 <= width
Narrow:     737 <= width <= 1200
Narrower:   737 <= width <= 1000
Mobile:     width <= 736
  Off-canvas sidebar: width <= 1000

1201 <= width:         desktop, wide
1001 <= width <= 1200: desktop, narrow
737 <= width <= 1000:  desktop, narow, narrower
width <= 736:          mobile
*/

/*
Colour palette
See http://coolors.co/app/364050-ac3931-0e34a0-999999-edeec9

#782F40,  crimson
#364050, rgb(54, 64, 80)    dark background of sidebar
#AC3931, rgb(172, 57, 49)   red
#0E34A0, rgb(14, 52, 160)   blue, used for links
#999999, rgb(153, 153, 153) gray, used for muted and subtitles
#EDEEC9, rgb(237, 238, 201) lightish color

Not used
#00325b, rgb(0, 50, 91)     Brunel blue, sidebar, links
*/