/*
YUI 3.17.1 (build 0eb5a52)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html {
  color: #000;
  background: #FFF; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

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

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  *font-size: 100%; }

legend {
  color: #000; }

#yui3-css-stamp.cssreset {
  display: none; }

body,
html {
  width: 100%;
  height: 100%;
  margin: 0;
  color: #222;
  background: #f6f6f7; }

body {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 0.9em;
  line-height: 1.2em; }
  @media screen and (min-width: 768px) {
    body {
      font-size: 1em; } }

.app {
  padding: 1em 1em 2em; }
  @media screen and (min-width: 768px) {
    .app {
      padding: 2em; } }

a {
  color: #c0c0c0; }

h1 {
  display: none; }

h2 {
  margin: 0 0 1em;
  font-size: 1.2em;
  line-height: 1em;
  font-weight: 300;
  text-transform: uppercase;
  color: #727272; }

ul li {
  margin: 0 0 0.5em; }
  ul li span {
    display: inline-block;
    color: #727272;
    width: 6em; }
    @media screen and (min-width: 580px) {
      ul li span {
        width: 7em; } }
  ul li a {
    color: #222; }

ol li {
  color: #c0c0c0;
  font-weight: 300;
  font-size: 1.6em;
  line-height: 1em;
  margin: 0 0.4em 0.4em 0;
  white-space: nowrap; }
  @media screen and (min-width: 580px) {
    ol li {
      display: inline-block;
      font-size: 2em; } }
  ol li:before {
    content: '#'; }

p {
  margin: 2em 0 0; }
  p a {
    color: #222; }

strong {
  font-weight: 400; }

.box {
  position: relative;
  width: 100%;
  max-width: 1024px;
  box-sizing: border-box;
  margin: 2em auto 0;
  padding: 0 1em; }
  @media screen and (min-width: 580px) {
    .box {
      padding: 0 2em; } }
  .box:first-child {
    margin: 0 auto;
    background: #fff;
    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    border-radius: 0.2em;
    -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.1); }
  .box.vita {
    padding: 1em; }
    @media screen and (min-width: 580px) {
      .box.vita {
        padding: 2em 2em 2em 50%; } }
    @media screen and (min-width: 930px) {
      .box.vita {
        padding: 2em;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: stretch; } }
    .box.vita .col {
      margin: 0 0 2em; }
      .box.vita .col:first-of-type {
        margin: 1em auto 2em;
        max-width: 75%; }
      @media screen and (min-width: 580px) {
        .box.vita .col:first-of-type {
          float: left;
          width: calc(100% - 2em);
          margin: 0 0 0 -100%;
          max-width: none; } }
      @media screen and (min-width: 930px) {
        .box.vita .col {
          flex: 0 0 auto;
          margin: 0 2em 0 0; }
          .box.vita .col:first-of-type {
            float: none;
            width: auto;
            flex: 0 0 12em;
            margin: 0 2em 0 0; } }
      .box.vita .col:last-of-type {
        margin: 0; }

.hello {
  position: relative;
  overflow: hidden;
  border-radius: 50%; }
  .hello:before {
    content: '';
    display: block;
    padding-top: 100%; }
  .hello img {
    position: absolute;
    left: 50%;
    top: 0;
    width: auto;
    height: 100%;
    -webkit-transform: translateX(-47%);
    -moz-transform: translateX(-47%);
    -ms-transform: translateX(-47%);
    -o-transform: translateX(-47%);
    transform: translateX(-47%); }

.disclaimer {
  clear: both; }

/*# sourceMappingURL=layout-201606.css.map */