/* Colours lifted from berkshirehathaway.com. Fonts are the browser default serif, pinned to Times. */
body { font-family: "Times New Roman", Times, serif; background: #fff; color: #000080; margin: 8px; }
a:link { color: #800080; }
a:visited { color: #ff0000; }

.masthead { text-align: center; font-weight: bold; }
.cap { font-size: xx-large; }
.sc { font-size: large; }
.small { font-size: small; }
.tiny { font-size: x-small; }

table.links { width: 90%; margin: 0 auto; border-spacing: 0; }
table.links td { width: 50%; height: 45px; vertical-align: top; }

.ad { text-align: center; font-size: x-small; }
.ad .logo { font: 900 15px/1 "Arial Black", Arial, sans-serif; letter-spacing: 1px; color: #000080; text-decoration: none; }

/* A Message From... pages */
body.letter { color: #000099; }
body.letter a:link { color: #990099; }
body.letter a:visited { color: #009999; }
.signoff { padding-left: 50%; }

/* Shareholder Meeting style list pages */
body.list { color: #000; }
body.list a:link { color: #ff0000; }
body.list a:visited { color: #800080; }
.title { text-align: center; font-weight: bold; font-size: large; }
.list li { margin-bottom: 2.3em; }

/* Project inner pages, laid out like a 10-K */
table.facts { margin: 0 auto; font-size: small; border-spacing: 12px 2px; }
table.facts td:first-child { font-weight: bold; text-align: right; }
.exhibit { max-width: 100%; height: auto; border: 1px solid #999; }
.live { width: 100%; height: 560px; border: 2px inset #999; }

/* An iPhone, in CSS, so a live app renders at phone width */
.phone { position: relative; box-sizing: border-box; width: 399px; max-width: 100%; margin: 0 auto; padding: 12px; background: #111; border-radius: 56px; box-shadow: 0 0 0 2px #555, 0 20px 40px rgba(0,0,0,.25); }
.phone::before { content: ""; position: absolute; top: 22px; left: 50%; transform: translateX(-50%); width: 110px; height: 32px; background: #000; border-radius: 16px; z-index: 1; }
.phone iframe { display: block; width: 100%; height: 812px; border: 0; border-radius: 44px; background: #fff; }

@media (max-width: 600px) {
  table.links td { display: block; width: auto; height: auto; }
  .signoff { padding-left: 0; }
}