@charset "UTF-8";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2011 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      exljbris
 * License URL: http://www.fontspring.com/fflicense/exljbris
 *
 *
 */
@font-face {
  font-family: 'MuseoSlab500';
  src: url("Museo_Slab_500-webfont.eot");
  src: local("☺"), url("fonts/Museo_Slab_500-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/Museo_Slab_500-webfont.woff") format("woff"), url("fonts/Museo_Slab_500-webfont.ttf") format("truetype"), url("fonts/Museo_Slab_500-webfont.svg#MuseoSlab500") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MuseoSlab500Italic';
  src: url("Museo_Slab_500italic-webfont.eot");
  src: local("☺"), url("fonts/Museo_Slab_500italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/Museo_Slab_500italic-webfont.woff") format("woff"), url("fonts/Museo_Slab_500italic-webfont.ttf") format("truetype"), url("fonts/Museo_Slab_500italic-webfont.svg#MuseoSlab500Italic") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* line 12, ../sass/screen.scss */
html {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  line-height: 25px;
  color: #5D5B59;
}

/* line 19, ../sass/screen.scss */
p {
  margin: 25px 0;
}

/* line 23, ../sass/screen.scss */
.lead {
  font-size: 1.5em;
  font-family: "MuseoSlab500";
  line-height: 50px;
  margin: 25px 0;
}

/* line 30, ../sass/screen.scss */
.hero-text {
  font-size: 2.5em;
  font-family: "MuseoSlab500italic";
  line-height: 50px;
  margin: 0 0 50px;
  text-transform: uppercase;
  text-align: center;
}

/* line 39, ../sass/screen.scss */
.hero-text span {
  font-family: "MuseoSlab500";
}

/* line 43, ../sass/screen.scss */
.hero-intro {
  margin: 50px 0 0;
  text-align: center;
}

/* line 49, ../sass/screen.scss */
strong {
  font-weight: 800;
}

/* line 53, ../sass/screen.scss */
main {
  width: 100%;
  max-width: 640px;
  margin: 0 auto 100px;
  padding: 0 20px;
}

/* line 60, ../sass/screen.scss */
header {
  text-align: center;
  width: 100%;
  max-width: 640px;
  padding: 0 20px;
  margin: 0 auto;
  height: 200px;
}

/* line 69, ../sass/screen.scss */
header img {
  margin: 75px auto 0;
}

/* line 73, ../sass/screen.scss */
.orange {
  color: #E95533;
}

/* line 77, ../sass/screen.scss */
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

/* line 79, ../sass/screen.scss */
.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 680px) {
  /* line 82, ../sass/screen.scss */
  header, main {
    width: 90%;
    padding: 0 5%;
    height: 150px;
  }
}
@media screen and (max-width: 440px) {
  /* line 90, ../sass/screen.scss */
  header img {
    width: 100%;
    height: auto;
  }
}