/*$secondarycolor: yellow;*/
@font-face {
  font-family: 'Lato-Reg';
  src: url("../fonts/lato/Lato-Reg.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Lato-RegIta';
  src: url("../fonts/lato/Lato-RegIta.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Lato-Bol';
  src: url("../fonts/lato/Lato-Bol.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

body {
  background-color: #195a5f;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#195a5f), to(#1c1e20));
  background-image: -webkit-linear-gradient(top, #195a5f, #1c1e20);
  background-image: -moz-linear-gradient(top, #195a5f, #1c1e20);
  background-image: -o-linear-gradient(top, #195a5f, #1c1e20);
  background-image: linear-gradient(to bottom, #195a5f, #1c1e20);
  font-family: "Lato-Reg", Helvetica, sans-serif; }

ul#by-the-nos {
  list-style: none;
  font-family: 'Lato-Bol'; }

li {
  clear: both;
  line-height: 160%; }

.num {
  width: 70px;
  display: block;
  float: left;
  text-align: right;
  padding-right: 6px;
  font-size: 1.4em; }

.parens {
  color: #43c4ce;
  padding-left: 6px;
  font-size: 90%; }

#webapp {
  /*	font-family: 'Lato-RegIta';*/
  /*	color: $secondarycolor;*/
  border: 1px solid white;
  /*	text-align: left; */
  padding: 16px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  width: 60%;
  margin: 0 auto;
  margin-top: 30px; }

.reveal h1 {
  font-size: 66px; }

.reveal h2 {
  font-size: 76px; }

.reveal h3 {
  font-size: 48px;
  font-family: 'Lato-RegIta'; }

.reveal h4 {
  font-size: 36px; }

.reveal h1, .reveal h2 {
  font-family: 'Lato-Bol'; }

::-moz-selection {
  background: #43c4ce;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #43c4ce;
  color: #fff;
  text-shadow: none; }