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: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

/* Here be dragons - use with caution and don't blame Steve */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: none; }

input, button, textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0; }

body {
  background: white; }

div.wrap {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  *zoom: 1;
  position: relative;
  padding: 0 20px;
  min-width: 320px; }
  div.wrap:after {
    content: " ";
    display: block;
    clear: both; }

.no-mq div.wrap {
  width: 960px;
  margin: 0 auto; }

div.panel {
  width: 300px;
  margin: 30px auto 0 auto; }
  div.panel h1 {
    display: block;
    text-indent: -1000em;
    background: url(/i/buchananshaw.png) no-repeat;
    background-size: 300px auto;
    width: 300px;
    height: 255px; }
  div.panel p {
    text-align: center;
    font: 400 20px/140% "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #38524C; }
    div.panel p a {
      color: #38524C;
      text-decoration: none; }
    div.panel p.contact {
      padding: 20px 0 0 0; }
      div.panel p.contact em {
        color: #CA4D30; }
    div.panel p.address {
      font-size: 14px;
      font-weight: 600;
      padding: 20px 0 0 0;
      color: #CA4D30; }

section.test div.responsive ul li {
  display: none; }
  @media (min-width: 5121px) {
    section.test div.responsive ul li.else {
      display: block; } }
  @media (min-width: 2881px) and (max-width: 5120px) {
    section.test div.responsive ul li.imac-retina {
      display: block; } }
  @media (min-width: 2561px) and (max-width: 2880px) {
    section.test div.responsive ul li.macbook-retina {
      display: block; } }
  @media (min-width: 1921px) and (max-width: 2560px) {
    section.test div.responsive ul li.imac-27 {
      display: block; } }
  @media (min-width: 1441px) and (max-width: 1920px) {
    section.test div.responsive ul li.screen-huge {
      display: block; } }
  @media (min-width: 1367px) and (max-width: 1440px) {
    section.test div.responsive ul li.screen-large {
      display: block; } }
  @media (min-width: 1281px) and (max-width: 1366px) {
    section.test div.responsive ul li.screen-air {
      display: block; } }
  @media (min-width: 1025px) and (max-width: 1280px) {
    section.test div.responsive ul li.screen-wide {
      display: block; } }
  @media (min-width: 961px) and (max-width: 1024px) {
    section.test div.responsive ul li.ipad-wide {
      display: block; } }
  @media (min-width: 769px) and (max-width: 960px) {
    section.test div.responsive ul li.screen {
      display: block; } }
  @media (min-width: 737px) and (max-width: 768px) {
    section.test div.responsive ul li.ipad {
      display: block; } }
  @media (min-width: 668px) and (max-width: 736px) {
    section.test div.responsive ul li.iphone-plus-wide {
      display: block; } }
  @media (min-width: 569px) and (max-width: 667px) {
    section.test div.responsive ul li.iphone-wide {
      display: block; } }
  @media (min-width: 415px) and (max-width: 568px) {
    section.test div.responsive ul li.iphone4-wide {
      display: block; } }
  @media (min-width: 376px) and (max-width: 414px) {
    section.test div.responsive ul li.iphone-plus {
      display: block; } }
  @media (min-width: 321px) and (max-width: 375px) {
    section.test div.responsive ul li.iphone {
      display: block; } }
  @media (max-width: 320px) {
    section.test div.responsive ul li.mobile {
      display: block; } }