/*
 * getstatik.com styling
 */
@import url(fonts.css);
/*
 * getstatik.com mixins
 */
/*
$color-bg: #114b5f;
$color-text: #e4fde1;
$color-link: #f45b69;
$color-link-hover: #b63944;

$color-info-bg: #028090;
$color-info-text: #e4fde1;
$color-info-primary-bg: #b0343f;

$color-nav-text: #284b63;
$color-nav-brand-link: #e4fde1;
$color-nav-brand-link-hover: #b5cdb3;
$color-nav-link: $color-nav-brand-link;
$color-nav-link-hover: $color-nav-brand-link-hover;
*/
body {
  background-color: #264653;
  color: #f4e7c9;
  font-size: 1.6em; }

a {
  font-weight: bold;
  text-decoration: none;
  color: #f4a261; }

a:hover {
  color: #e76f51; }

h1, h2, h3, h4, h5, h6 {
  font-weight: bold; }

h3 {
  margin-bottom: 10px; }

a h3, a:hover h3 {
  font-weight: bold;
  color: #f4e7c9;
  text-decoration: none; }

div.row.steps {
  display: none; }

div.row.spacer {
  margin-bottom: 20px; }

div.info-block {
  font-size: 1.2em;
  text-align: center;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  padding: 25px;
  min-height: 300px;
  margin-bottom: 20px;
  color: #f4e7c9;
  background-color: #2a9d8f; }
  div.info-block h5 {
    font-size: 1.2em;
    margin-bottom: 5px; }
  div.info-block i.fa {
    font-size: 4em;
    display: inline-block;
    margin-bottom: 25px; }
  div.info-block code {
    background: none;
    border: none;
    font-size: 1.1em;
    padding: 0;
    margin: 0 2px 0 2px;
    font-weight: bold; }

div.info-block.primary {
  color: #f4e7c9;
  background-color: #e76f51;
  min-height: 0;
  padding: 50px;
  margin-bottom: 0; }

nav.header-nav {
  color: #e9c46a;
  font-size: 1.5em;
  margin: 30px 0 40px 0; }
  nav.header-nav div.brand, nav.header-nav div.links {
    display: inline-block; }
  nav.header-nav div.brand a {
    color: #e9c46a; }
  nav.header-nav div.brand a:hover {
    color: #f4a261; }
  nav.header-nav div.links {
    float: right; }
    nav.header-nav div.links a {
      color: #e9c46a;
      display: inline-block;
      margin-left: 10px; }
    nav.header-nav div.links a:hover {
      color: #f4a261; }

code.inline {
  background: none;
  border: none;
  padding: 0;
  margin: 0 2px 0 2px; }

div.container footer {
  text-align: right;
  font-size: 0.9em;
  margin: 40px 0 40px 0; }

div.comparison-table {
  width: 100%;
  overflow-x: scroll; }
  div.comparison-table table i.fa-check-circle {
    color: #afda77; }
  div.comparison-table td, div.comparison-table th {
    text-align: center; }
  div.comparison-table td.feature, div.comparison-table th.feature {
    text-align: left;
    padding-left: 10px; }
  div.comparison-table tbody tr:hover {
    background-color: #325766; }

@media (min-width: 750px) {
  div.comparison-table {
    overflow-x: hidden; }

  div.row.steps {
    display: block; }

  div.info-block.primary {
    padding: 50px;
    margin-bottom: 20px; }

  div.info-block.secondary {
    height: 370px;
    min-height: 370px; } }
@media (min-width: 980px) {
  div.info-block.secondary {
    height: 330px;
    min-height: 330px; } }
@media (min-width: 1000px) {
  div.info-block.secondary {
    height: 310px;
    min-height: 310px; } }

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