/*  GLOBAL RESETS  */
body, p, table, tr, td, ul, ol, li, dl, dd, dt, div, span, a, h1, h2, h3, h4, h5, h6, fieldset {
  margin: 0;
  padding: 0;
  background-repeat: no-repeat; }

a img {
  border: none; }

a {
  text-decoration: none; }

fieldset {
  border: none; }

:focus {
  outline: 0 none; }

input::-moz-focus-inner, button::-moz-focus-inner {
  border: none; }

ul li {
  list-style: none; }

/* GLOBAL */
html {
  font-size: 10px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(100%, #ffffff));
  background-image: -moz-linear-gradient(#f0f0f0, #ffffff);
  background-image: -webkit-linear-gradient(#f0f0f0, #ffffff);
  background-image: linear-gradient(#f0f0f0, #ffffff);
  height: 100%;
  border: solid 1.5rem white; }

body {
  font-family: 'Roboto', serif;
  line-height: 1.2em;
  letter-spacing: .1em;
  color: #09a1db;
  font-size: 1.8rem;
  -webkit-font-smoothing: antialiased;
  text-align: center; }

a {
  color: #f36c21;
  border-bottom: 1px solid #f36c21; }

@-moz-keyframes showFade {
  from {
    opacity: 0;
    -moz-transform: translate3d(0, 10rem, 0);
    transform: translate3d(0, 10rem, 0); }
  to {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-webkit-keyframes showFade {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10rem, 0);
    transform: translate3d(0, 10rem, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes showFade {
  from {
    opacity: 0;
    -moz-transform: translate3d(0, 10rem, 0);
    -ms-transform: translate3d(0, 10rem, 0);
    -webkit-transform: translate3d(0, 10rem, 0);
    transform: translate3d(0, 10rem, 0); }
  to {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
ul.intro li {
  opacity: 0;
  -moz-animation: showFade ease-in-out 0.8s;
  -webkit-animation: showFade ease-in-out 0.8s;
  animation: showFade ease-in-out 0.8s;
  -moz-animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }
  ul.intro li:nth-child(1) {
    -moz-animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s; }
  ul.intro li:nth-child(2) {
    -moz-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s; }
  ul.intro li:nth-child(3) {
    -moz-animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s; }
  ul.intro li.logo {
    background: url(/images/logo-new.svg) no-repeat;
    text-indent: -9999rem;
    width: 100%;
    max-width: 40rem;
    height: 16rem;
    display: inline-block;
    margin: 8% 0 5rem 0; }
  ul.intro li.email {
    background: url(/images/email-blue.svg) no-repeat;
    background-size: 2rem 1.6rem;
    background-position: 0 0.3rem;
    padding-left: 2.5rem;
    margin-top: 3rem;
    display: inline-block; }

@media (max-width: 767px) {
  html {
    border-width: .5rem; }

  body {
    font-size: 1.5rem; }
    body ul.intro {
      width: 80%;
      margin: auto; }
      body ul.intro li.logo {
        margin-bottom: 1rem;
        height: 15rem; } }
@media (min-width: 1200px) {
  html {
    font-size: 12px; } }