/*
 *
 * Contents:
 *	SASS
 *	Font Embeds
 *	Reset
 *	General
 *	Header
 *	Main
 *	Footer
 *	Helper
 *	MailChimp
 *
 *
 */
/* *****************************************************************************
 * SASS
 * ****************************************************************************/
/* Website Colors */
/* Fonts */
/* Mixins */
/* *****************************************************************************
 * Font Embeds
 * ****************************************************************************/
@font-face {
  font-family: 'Montserrat';
  src: url("../fonts/montserrat-regular-webfont.woff2") format("woff2"), url("../fonts/montserrat-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Montserrat';
  src: url("../fonts/montserrat-bold-webfont.woff2") format("woff2"), url("../fonts/montserrat-bold-webfont.woff") format("woff");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'Raleway';
  src: url("../fonts/raleway-regular-webfont.woff2") format("woff2"), url("../fonts/raleway-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Raleway';
  src: url("../fonts/raleway-bold-webfont.woff2") format("woff2"), url("../fonts/raleway-bold-webfont.woff") format("woff");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'Raleway';
  src: url("../fonts/raleway-italic-webfont.woff2") format("woff2"), url("../fonts/raleway-italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: italic; }
@font-face {
  font-family: 'Raleway';
  src: url("../fonts/raleway-bolditalic-webfont.woff2") format("woff2"), url("../fonts/raleway-bolditalic-webfont.woff") format("woff");
  font-weight: bold;
  font-style: italic; }
/* *****************************************************************************
 * Reset
 * ****************************************************************************/
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  outline: none;
  font-size: 100%;
  background: transparent;
  border: none;
  text-decoration: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

b, cite, em, i, hr, u, center, menu, layer, s, strike, strong, font, xmp {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  outline: none;
  font-weight: normal;
  font-style: normal;
  background: transparent;
  border: none;
  text-decoration: none; }

/* *****************************************************************************
 * General
 * ****************************************************************************/
body {
  background-color: #141311;
  background-image: url("../img/banner-image-2.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  word-wrap: break-word; }

hr {
  background-color: #212121;
  height: 2px;
  margin-top: 5px;
  margin-bottom: 15px; }

h1, h2, h3, h4, h5, h6,
th, tr, thead,
dl, dt, dd,
p, b, strong, i, em,
ul, ol, li,
cite, small,
address, pre {
  color: #fafafa; }

h1 {
  font-family: Montserrat, Tahoma, Geneva, sans-serif;
  font-size: 2em;
  font-weight: normal;
  font-style: normal;
  line-height: 50px;
  letter-spacing: 2px;
  margin: 0px 0px 15px 0px; }

h2 {
  font-family: Montserrat, Tahoma, Geneva, sans-serif;
  font-size: 2.5em;
  font-weight: normal;
  font-style: normal;
  line-height: 65px;
  letter-spacing: 2px;
  margin: 0px 0px 25px 0px;
  text-transform: uppercase; }

h3 {
  font-family: Montserrat, Tahoma, Geneva, sans-serif;
  font-size: 1.5em;
  font-weight: normal;
  font-style: normal;
  line-height: 45px;
  letter-spacing: 2px;
  margin: 25px 0px 15px 0px;
  text-transform: uppercase;
  text-align: center; }

p, li, a {
  font-family: Raleway, "Trebuchet MS", Helvetica, sans-serif;
  font-size: 0.9em;
  font-weight: normal;
  font-style: normal;
  line-height: 25px;
  letter-spacing: 2px;
  margin: 0px 0px 15px 0px; }

small {
  font-family: Raleway, "Trebuchet MS", Helvetica, sans-serif;
  font-size: 0.7em;
  font-weight: normal;
  font-style: normal;
  line-height: 25px;
  letter-spacing: 2px;
  margin: 0px 0px 15px 0px; }

a:link, a:visited {
  color: #a2482e;
  cursor: pointer;
  text-decoration: none; }

a:active, a:hover {
  color: #b7b7b6; }

a img {
  border: none; }

b, strong {
  font-weight: bold; }

cite, i, em {
  font-style: italic; }

b i, i b, strong em, em strong {
  font-weight: bold;
  font-style: italic; }

img {
  display: block;
  height: auto;
  max-width: 100%; }

ul, ol {
  margin: 0px 5px 25px 5px; }

ul li, ol li {
  margin: 2px 1px 4px 1px;
  padding: 0px 0px 0px 5px; }

/* *****************************************************************************
 * Header
 * ****************************************************************************/
#header {
  background-color: rgba(20, 19, 17, 0.8);
  padding: 25px;
  height: 800px; }

#header .special-button {
  display: block;
  position: relative;
  top: 50%;
  margin-left: auto;
  margin-right: auto; }
#header .upper {
  width: 200px;
  position: relative;
  top: 35%;
  margin-left: auto;
  margin-right: auto;
  border-top: 2px solid #fafafa;
  border-bottom: 2px solid #fafafa; }
#header .lower {
  width: 400px;
  position: relative;
  top: 40%;
  margin-left: auto;
  margin-right: auto; }
#header h1 {
  text-align: center;
  text-transform: uppercase;
  margin: 0px; }
#header p {
  text-align: center;
  text-transform: uppercase; }

#logo {
  display: block;
  margin: 0px auto 15px;
  width: 100%;
  max-width: 450px; }

/* *****************************************************************************
 * Main
 * ****************************************************************************/
#main {
  background-color: #141311;
  padding-top: 50px; }

#main > div {
  margin-left: auto;
  margin-right: auto;
  padding: 15px 50px 45px;
  max-width: 1000px;
  min-height: 100px;
  text-align: center; }

#main > div > h2 {
  text-align: left; }

/* *****************************************************************************
 * Footer
 * ****************************************************************************/
#footer {
  background-color: #686766; }

#footer-sections {
  max-width: 90%;
  padding: 15px 50px 5px; }

#footer-sections > section {
  display: inline-block;
  vertical-align: text-top;
  padding: 5px; }

#footer-sections > section > h3 {
  text-transform: uppercase;
  text-align: left; }

#mailing-list {
  width: 69%; }

#links {
  width: 200px; }

#links > ul {
  list-style: none; }

#links > ul > li > a {
  text-transform: uppercase; }

#tall-whale {
  text-transform: uppercase;
  margin-top: 35px; }

#copyright {
  background-color: rgba(20, 19, 17, 0.8);
  padding: 15px 50px; }

/* *****************************************************************************
 * Helper
 * ****************************************************************************/
.store-link {
  display: inline-block;
  margin: 5px 15px; }

.link-alternative:link, .link-alternative:visited {
  color: #b7b7b6; }

.link-alternative:active, .link-alternative:hover {
  color: #a2482e; }

.special-button {
  background-color: transparent;
  border-radius: 1px;
  border: 0;
  box-shadow: inset 0 0 0 3px #a2482e;
  color: #fafafa;
  cursor: pointer;
  display: inline-block;
  font-size: 0.8em;
  height: 3.125em;
  line-height: 3.125em;
  letter-spacing: 2px;
  padding: 0 2.75em;
  font-family: Montserrat, Tahoma, Geneva, sans-serif;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background-color 0.1s ease-in-out; }

.special-button:active, .special-button:hover {
  background-color: rgba(162, 72, 46, 0.2);
  transition: background-color 0.1s ease-in-out; }

.review-text {
  text-align: left;
  font-size: 1.2em;
  line-height: 30px;
  text-transform: uppercase;
  margin-bottom: 35px; }

.game-text {
  text-align: left; }

.key-features-list {
  text-align: left;
  margin: 0px 5px 25px 35px; }

.key-features-list > li {
  margin: 0px 0px 10px 5px;
  padding: 0px 0px 0px 10px; }

.awards-section {
  width: 49%;
  max-width: 500px;
  display: inline-block;
  vertical-align: text-top; }

.awards-section > h3 {
  margin: 0px 0px 15px 0px; }

.dev-link {
  font-size: 1.1em; }

/* *****************************************************************************
 * MailChimp
 * ****************************************************************************/
#mce-EMAIL {
  height: 2.75em;
  background: rgba(20, 19, 17, 0.25);
  border-radius: 1px;
  border: none;
  display: block;
  outline: 0;
  padding: 0 1em;
  width: 100%;
  max-width: 450px;
  font-size: 1em;
  font-family: Raleway, "Trebuchet MS", Helvetica, sans-serif;
  letter-spacing: 2px;
  line-height: 1.65em;
  color: #fafafa; }

#mc-embedded-subscribe {
  background-color: transparent;
  border-radius: 1px;
  border: 0;
  box-shadow: inset 0 0 0 3px #ffffff;
  color: #fafafa;
  cursor: pointer;
  display: inline-block;
  font-size: 0.8em;
  height: 3.125em;
  line-height: 3.125em;
  letter-spacing: 2px;
  padding: 0 2.75em;
  font-family: Montserrat, Tahoma, Geneva, sans-serif;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background-color 0.1s ease-in-out; }

#mc-embedded-subscribe:active, #mc-embedded-subscribe:hover {
  background-color: rgba(250, 250, 250, 0.2);
  transition: background-color 0.1s ease-in-out; }

/*# sourceMappingURL=style.css.map */