/* 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" /> */
/* line 17, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

/* line 16, ../sass/screen.scss */
* {
  box-sizing: border-box;
}

/* line 20, ../sass/screen.scss */
body {
  font-family: "futura-pt", sans-serif;
  font-size: 20.24096px;
  font-weight: normal;
  color: #000;
}

/* line 27, ../sass/screen.scss */
h1 {
  font-family: "futura-pt-condensed", sans-serif;
  font-weight: 900;
  font-size: 48.11566px;
}

/* line 33, ../sass/screen.scss */
h2 {
  font-family: "futura-pt-condensed", sans-serif;
  font-weight: 900;
  font-size: 24.05783px;
}

/* line 40, ../sass/screen.scss */
p {
  margin: 1.25em 0;
  line-height: 1.125em;
}

/* line 46, ../sass/screen.scss */
strong {
  font-family: "futura-pt-condensed", sans-serif;
  font-weight: bold;
}

/* line 51, ../sass/screen.scss */
em {
  font-style: italic;
}

/* line 55, ../sass/screen.scss */
a {
  color: #000;
}

/* line 60, ../sass/screen.scss */
.main-area ul, .main-area ol {
  margin: 1.25em 0 1.25em 3em;
  list-style-position: inside;
}
/* line 65, ../sass/screen.scss */
.main-area ul {
  list-style: disc;
}
/* line 69, ../sass/screen.scss */
.main-area li {
  line-height: 1.125em;
  margin: 1.25em 0;
}

/* line 75, ../sass/screen.scss */
body > header {
  border: 2.08193px solid black;
  width: 960px;
  margin: 0 auto 8.09639px;
  overflow: hidden;
}
/* line 81, ../sass/screen.scss */
body > header .wrapper {
  overflow: hidden;
  background: #bdf2f2;
  padding: 8.09639px;
}
/* line 87, ../sass/screen.scss */
body > header .logo {
  float: left;
  line-height: 0;
  margin-right: 8.09639px;
}
/* line 92, ../sass/screen.scss */
body > header .logo img {
  border: 2.08193px solid black;
  width: 167.94217px;
  height: 97.38795px;
}
/* line 99, ../sass/screen.scss */
body > header nav {
  border: 2.08193px solid black;
  float: left;
  height: 97.38795px;
  padding: 16.19277px;
  background: #fff;
  width: 762.91084px;
}
/* line 108, ../sass/screen.scss */
body > header p {
  margin: 0.25em 0;
}

/* line 113, ../sass/screen.scss */
.sub-header-message {
  border: 2.08193px solid black;
  background: #a6cf8a;
  padding: 8.09639px;
  width: 960px;
  margin: 8.09639px auto;
  font-size: 1.125em;
  line-height: 1.125em;
}
/* line 122, ../sass/screen.scss */
.sub-header-message .wrapper {
  background: #bbdaa6;
  padding: 8.09639px;
}

/* line 128, ../sass/screen.scss */
.main-area {
  border: 2.08193px solid black;
  width: 960px;
  margin: 0 auto 8.09639px;
  overflow: hidden;
}
/* line 134, ../sass/screen.scss */
.main-area .wrapper {
  overflow: hidden;
  background: #fff;
  padding: 8.09639px 48.57831px 24.28916px;
}
/* line 140, ../sass/screen.scss */
.main-area h1 {
  border: 2.08193px solid black;
  width: 100%;
  height: 0;
  position: relative;
  text-align: center;
  margin: 40.2506px 0 48.34699px;
}
/* line 148, ../sass/screen.scss */
.main-area h1 span {
  display: inline-block;
  padding: 0 8.09639px;
  position: relative;
  top: -24.05783px;
  background: #fff;
}

/* line 158, ../sass/screen.scss */
body > footer {
  border: 2.08193px solid black;
  width: 960px;
  margin: 0 auto 8.09639px;
  overflow: hidden;
}
/* line 164, ../sass/screen.scss */
body > footer .wrapper {
  overflow: hidden;
  background: #000;
}
/* line 169, ../sass/screen.scss */
body > footer .logo {
  float: right;
  line-height: 0;
}
/* line 173, ../sass/screen.scss */
body > footer .logo img {
  border: 2.08193px solid black;
  width: 227.16145px;
  height: 93.91807px;
}
/* line 180, ../sass/screen.scss */
body > footer nav {
  border: 2.08193px solid black;
  float: left;
  height: 93.91807px;
  padding: 16.19277px;
  width: 693.9759px;
  font-family: "futura-pt-condensed", sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 22.20723px;
}
/* line 192, ../sass/screen.scss */
body > footer nav a {
  color: #c5e5c4;
  text-decoration: none;
  line-height: 1.5em;
}
/* line 198, ../sass/screen.scss */
body > footer nav li {
  float: left;
  min-width: 193.15663px;
}

/* line 208, ../sass/screen.scss */
.copyright {
  width: 960px;
  margin: 0 auto;
  font-size: 13.41687px;
}

/* line 222, ../sass/screen.scss */
.homepage .main-area > .wrapper {
  padding: 0;
}
/* line 226, ../sass/screen.scss */
.homepage .main-area .grass-container {
  height: 645.39759px;
  background: #a6cf8a url(/images/grass-bg.png) no-repeat left top;
  background-size: 100%;
  position: relative;
}
/* line 232, ../sass/screen.scss */
.homepage .main-area .grass-container > div {
  position: absolute;
}
/* line 235, ../sass/screen.scss */
.homepage .main-area .grass-container > div img {
  width: 100%;
}
/* line 241, ../sass/screen.scss */
.homepage .main-area .tablet-container {
  width: 595.2px;
  height: 370.12048px;
  margin-top: 62.45783px;
  float: left;
  position: relative;
  background: url(/images/bg-tablet.jpg) no-repeat left top;
  background-size: 100%;
  padding: 27.29639px 0 0 161.92771px;
}
/* line 251, ../sass/screen.scss */
.homepage .main-area .tablet-container .wrapper {
  position: absolute;
  width: 378.44819px;
  height: 247.51807px;
  right: 54.36145px;
  top: 27.29639px;
  padding: 0;
}
/* line 261, ../sass/screen.scss */
.homepage .main-area .market-container {
  float: right;
  width: 358.55422px;
  text-align: center;
}
/* line 266, ../sass/screen.scss */
.homepage .main-area .market-container img {
  width: 157.76386px;
}
/* line 271, ../sass/screen.scss */
.homepage .main-area > .wrapper.blue {
  background: #bdf2f2;
  padding: 16.19277px 48.57831px;
}

/* line 286, ../sass/screen.scss */
form {
  margin: 16.19277px 0;
  overflow: hidden;
}
/* line 290, ../sass/screen.scss */
form p {
  float: left;
  width: 100%;
  clear: both;
  margin: 4.04819px 0;
}
/* line 297, ../sass/screen.scss */
form .field {
  display: table-cell;
  vertical-align: middle;
  margin: 8.09639px 0 0;
}
/* line 302, ../sass/screen.scss */
form .field label {
  font-weight: normal;
  font-size: 17.3494px;
  line-height: 17.3494px;
  padding-right: 16.19277px;
}
/* line 308, ../sass/screen.scss */
form .field label strong {
  font-family: "futura-pt-condensed", sans-serif;
  font-weight: 900;
  font-size: 1.25em;
  text-transform: uppercase;
}
/* line 315, ../sass/screen.scss */
form .field label i {
  font-style: italic;
}
/* line 320, ../sass/screen.scss */
form .field input[type=text], form .field input[type=email], form .field select {
  border: 2.08193px solid black;
  height: 33.54217px;
  font-family: "futura-pt", sans-serif;
  font-weight: normal;
  font-size: 17.3494px;
  line-height: 17.3494px;
  padding: 0 1.5%;
}
/* line 330, ../sass/screen.scss */
form .field textarea {
  font-family: "futura-pt", sans-serif;
  font-weight: normal;
  font-size: 17.3494px;
  line-height: 23.13253px;
  padding: 0 1.5%;
}
/* line 338, ../sass/screen.scss */
form .field select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #fff;
  border-radius: 0;
  background: url("/images/select-tick.png") no-repeat 95% 15%;
  background-size: 3.125%;
}
/* line 347, ../sass/screen.scss */
form .field textarea {
  border: 2.08193px solid black;
}
/* line 351, ../sass/screen.scss */
form .field.full {
  width: 100%;
  float: left;
  clear: both;
}
/* line 356, ../sass/screen.scss */
form .field.full textarea {
  width: 80%;
  margin: 8.09639px 10%;
}
/* line 362, ../sass/screen.scss */
form .field.half {
  width: 50%;
  float: left;
  clear: none;
}
/* line 367, ../sass/screen.scss */
form .field.half input[type=text], form .field.half input[type=email], form .field.half select {
  width: 55%;
}
/* line 372, ../sass/screen.scss */
form .field.third {
  width: 33%;
  float: left;
  clear: none;
}
/* line 377, ../sass/screen.scss */
form .field.third input[type=text], form .field.third input[type=email], form .field.third select {
  width: 55%;
}
/* line 382, ../sass/screen.scss */
form .field.quarter {
  width: 20%;
  float: left;
  clear: none;
}
/* line 387, ../sass/screen.scss */
form .field.quarter input[type=text], form .field.quarter input[type=email], form .field.quarter select {
  width: 50%;
}
/* line 393, ../sass/screen.scss */
form input[type=checkbox] {
  display: none;
}
/* line 396, ../sass/screen.scss */
form input[type=checkbox] + label {
  border: 2.08193px solid black;
  cursor: pointer;
  width: 22.66988px;
  height: 22.66988px;
  display: inline-block;
  position: relative;
  background: #fff;
  vertical-align: bottom;
}
/* line 406, ../sass/screen.scss */
form input[type=checkbox]:checked + label:after {
  content: '';
  position: absolute;
  width: 8px;
  height: 4px;
  top: 4px;
  left: 4px;
  border: 3px solid black;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* line 423, ../sass/screen.scss */
form input[type=file] {
  display: none;
}
/* line 426, ../sass/screen.scss */
form input[type=file] + label {
  border: 2.08193px solid black;
  text-align: center;
  display: inline-block;
  background: #bdf2f2;
  width: 138.79518px;
  height: 33.54217px;
  line-height: 33.54217px;
  font-size: 1em;
  padding: 0;
}
/* line 438, ../sass/screen.scss */
form input.error, form label.error, form textarea.error {
  border-color: red !important;
}
/* line 442, ../sass/screen.scss */
form .error-message {
  float: left;
  clear: both;
  color: red;
  display: none;
  padding: 8.09639px 0;
}

/* line 452, ../sass/screen.scss */
input[type=submit], a.button {
  border: 2.08193px solid black;
  display: inline-block;
  text-decoration: none;
  line-height: 61.3012px;
  font-size: 2em;
  font-style: italic;
  padding: 0 24.28916px;
  background: #bbdaa6;
  font-family: "futura-pt", sans-serif;
  cursor: pointer;
}
/* line 464, ../sass/screen.scss */
input[type=submit].campaign-submit, a.button.campaign-submit {
  font-family: "futura-pt-condensed", sans-serif;
  background: #dd0303;
  font-weight: bold;
  font-style: normal;
  /* WebKit (Safari/Chrome) Only */
  -webkit-text-stroke: 1px black;
  /* If we weren't using text-shadow, we'd set a fallback color
     and use this to set color instead
    -webkit-text-fill-color: white; */
  color: white;
  text-shadow: 3px 3px 0 black, -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
}

/* line 493, ../sass/screen.scss */
.about .main-area .container {
  overflow: hidden;
}
/* line 498, ../sass/screen.scss */
.about .main-area article {
  float: left;
  width: 100%;
  clear: both;
  margin: 8.09639px 0 16.19277px;
}
/* line 505, ../sass/screen.scss */
.about .main-area aside {
  float: left;
  width: 30%;
}
/* line 510, ../sass/screen.scss */
.about .main-area section {
  float: left;
  width: 70%;
}
