/* meyerweb.com/eric/tools/css/reset/
 v2.0 | 20110126
 License: none (public domain)
 */
 html, body, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
 del, dfn, em, img, ins, kbd, q, s, samp,
 small, strike, strong, sub, sup, tt, var,
 b, u, i, center,
 dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend,
 table, caption, tbody, tfoot, thead, tr, th, td,
 article, aside, canvas, details, embed,
 figure, figcaption, footer, header, hgroup,
 menu, nav, output, ruby, section, summary,
 time, mark, audio, video {
 	margin: 0;
 	padding: 0;
 	border: 0;
 	font-size: 100%;
 	font: inherit;
 	vertical-align: baseline;
 }
 /* HTML5 display-role reset for older browsers */
 article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
 	display: block;
 }
 body {
 	line-height: 1;
 }
 ol, ul {
 	list-style: none;
 }
 blockquote, q {
 	quotes: none;
 }
 blockquote:before, blockquote:after, q:before, q:after {
 	content: '';
 	content: none;
 }
 table {
 	border-collapse: collapse;
 	border-spacing: 0;
 }
/* Microsite Film */
a { color: #0975bd; }
body { background: #fff; font: normal 0.9em/1.4em 'Work Sans', sans-serif;; color: #7a7a7a; }
#page { max-width: 980px; min-height: 30em; margin: 0 auto; }
#header { padding: 40px 0; }
#header img { margin: 0 0.5%; width: 42%; height: auto; padding-bottom: 20px; }
#video { width: 100%; }
.info { text-align: center; margin: 2em auto; color: #777; text-shadow: #fff 0 1px 0; }
.col-7 { margin-bottom: 40px; }
.col-1-7 { width: 11%; margin: 0 0.5%; padding-right: 2%; float: left;}
.col-6-7 { width: 83%; margin: 0 0.5%; padding-left: 2%; float: left;}
.clearing { clear: both;}
h1 { color: #0975bd; text-transform: uppercase; font-size: 2.8em; line-height: 1em; font-weight: 600; padding-bottom: 20px; }
.departments { position: relative; width: 100%; overflow: hidden; }
.departments div { float: left; width: 13%; height: 5px; margin: 0 0.5%; -webkit-border-radius: 25px; border-radius: 25px; }
.digital { background-color: #ee5100; }
.graphics { background-color: #b524b2; }
.photo { background-color: #c4141a; }
.film { background-color: #0975bd; }
.audio { background-color: #623ab3; }
.consulting { background-color: #dd0095; }
.events { background-color: #96cc00;}

@media only screen and (max-width: 980px) {
  #header img { text-align: center; margin: 0 10%; width: 80%; height: auto; }
 .col-1-7 { clear: both; margin-top: 40px; width: 100%; text-align: center; }
 .col-6-7 { clear: both; margin-top: 40px; width: 100%; }

}