/* line 3, ../scss/layout.scss */
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

/* line 5, ../scss/layout.scss */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}

/* line 10, ../scss/layout.scss */
header, section, aside {
  margin: 0;
}

/* line 14, ../scss/layout.scss */
body {
  background: url("/images/footer_lodyas.png");
}

/* line 26, ../scss/layout.scss */
.page-head {
  position: fixed;
  top: 0;
  background: #666666;
  z-index: 1;
}

/* line 33, ../scss/layout.scss */
.page-foot {
  background: #1a1a1a;
  padding: 3em;
  color: #cccccc;
}

/* line 39, ../scss/layout.scss */
.centered {
  width: 80%;
  margin: auto;
}

/* line 44, ../scss/layout.scss */
.fullwidth {
  width: 100%;
}

/* line 48, ../scss/layout.scss */
.halfwidth {
  width: 50%;
  display: inline-block;
}

/* line 53, ../scss/layout.scss */
.col-1-3 {
  width: 33%;
  display: inline-block;
}

/* line 58, ../scss/layout.scss */
.col-2-3 {
  width: 66%;
  display: inline-block;
}

/* line 63, ../scss/layout.scss */
.col-1-4 {
  width: 25%;
  display: inline-block;
}

/* line 68, ../scss/layout.scss */
.col-3-4 {
  width: 75%;
  display: inline-block;
}

/* line 73, ../scss/layout.scss */
.col-1-5 {
  width: 20%;
  display: inline-block;
}

/* line 78, ../scss/layout.scss */
.col-2-5 {
  width: 40%;
  display: inline-block;
}

/* line 83, ../scss/layout.scss */
.col-3-5 {
  width: 60%;
  display: inline-block;
}

/* line 88, ../scss/layout.scss */
.col-4-5 {
  width: 80%;
  display: inline-block;
}

/* line 93, ../scss/layout.scss */
.col-1-6 {
  width: 16.5%;
  display: inline-block;
}

/* line 98, ../scss/layout.scss */
.col-2-6 {
  width: 33%;
  display: inline-block;
}

/* line 103, ../scss/layout.scss */
.col-5-6 {
  width: 83%;
  display: inline-block;
}

/* line 108, ../scss/layout.scss */
.right {
  float: right;
}

/* line 112, ../scss/layout.scss */
.left {
  float: left;
}

/* line 1, ../scss/container-styles.scss */
.page-head {
  /*margin-bottom:65%;*/
  text-align: center;
}

/* line 6, ../scss/container-styles.scss */
.header-article {
  margin-bottom: 65%;
}

/* line 10, ../scss/container-styles.scss */
.header-listing {
  margin-bottom: 5em;
}

/* line 14, ../scss/container-styles.scss */
.nav-main {
  padding: 1em 0 1em 0;
  color: #e5e5e5;
  text-align: center;
}

/* line 20, ../scss/container-styles.scss */
.nav-main a, .nav-foot a {
  color: #e5e5e5;
}

/* line 24, ../scss/container-styles.scss */
.main-image {
  position: fixed;
  z-index: -1;
  top: 2em;
}

/* line 30, ../scss/container-styles.scss */
.section-head {
  position: absolute;
  top: 5%;
  left: 1%;
  width: 48%;
  color: #000;
  background: rgba(255, 255, 255, 0.75);
  border-radius: 1em;
  box-shadow: .25em .25em 1em 0em #000;
}

/* line 41, ../scss/container-styles.scss */
.article-head {
  position: relative;
  top: inherit;
  left: 50%;
  margin-left: -25%;
  width: 50%;
  background: white;
  border-radius: 0;
  padding: .5em 0 .5em 0;
  box-shadow: none;
}

/* line 53, ../scss/container-styles.scss */
.nav-review, nav-category {
  width: 100%;
  text-align: center;
  margin: 2em 0 2em 0;
}

/* line 60, ../scss/container-styles.scss */
.content-body {
  background: url("/images/footer_lodyas.png");
  padding: 0.5em 25% 2em 25%;
}

/* line 65, ../scss/container-styles.scss */
article {
  padding: 0.5em 1.5em 1em 1.5em;
  background: #fff;
}

/* line 75, ../scss/container-styles.scss */
.game-details {
  padding: 1em 5% 0.5em 5%;
  /*border-bottom:1px #ccc solid;*/
}

/* line 80, ../scss/container-styles.scss */
.game-details p {
  margin: .5em 0;
}

/* line 84, ../scss/container-styles.scss */
.listing-details {
  padding: 0.5em 0 0.5em 0;
}

/* line 88, ../scss/container-styles.scss */
.block-link {
  text-decoration: none;
  color: #000;
}

/* line 93, ../scss/container-styles.scss */
.icon {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-right: .5em;
  text-indent: -9999em;
}

/* line 101, ../scss/container-styles.scss */
.age {
  background: url("/images/Icon-Age.svg");
  background-size: 100%;
}

/* line 106, ../scss/container-styles.scss */
.time {
  background: url("/images/Icon-Clock.svg");
  background-size: 100%;
}

/* line 111, ../scss/container-styles.scss */
.players {
  background: url("/images/Icon-Players.svg");
  background-size: 100%;
}

/* line 3, ../scss/typography.scss */
body {
  font-size: 1.25em;
  line-height: 1.25em;
}

/* line 8, ../scss/typography.scss */
h1 {
  text-align: center;
  font-size: 2.5em;
  line-height: 1em;
}

/* line 14, ../scss/typography.scss */
h1 span {
  text-align: center;
  font-size: 0.4em;
  display: block;
  line-height: 1.25em;
}

/* line 65, ../scss/typography.scss */
article p:first-of-type {
  font-size: 1.3em;
  line-height: 1.33em;
}

/* line 71, ../scss/typography.scss */
article h2 {
  text-align: center;
}

/* line 75, ../scss/typography.scss */
article h2:before {
  display: block;
  content: " ";
  margin-top: -3em;
  padding-top: 3em;
  visibility: hidden;
}

/* line 83, ../scss/typography.scss */
.nav-category a {
  padding: 0 1.5em 1em 0em;
  font-size: .75em;
}

/* line 1, ../scss/lists.scss */
.nav-main ul, .nav-foot ul, .nav-review ul, .listing-article, .listing-category {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 7, ../scss/lists.scss */
.nav-main ul li {
  display: inline-block;
  padding: 0 1em 0 1em;
}

/* line 12, ../scss/lists.scss */
.nav-main ul ul {
  padding-left: 2em;
}

/* line 16, ../scss/lists.scss */
.nav-main ul ul li {
  display: block;
}

/* line 20, ../scss/lists.scss */
.nav-review ul, .nav-category {
  background: #fff;
  padding: 1em;
}

/* line 25, ../scss/lists.scss */
.nav-review ul li {
  display: inline-block;
  margin-right: 1em;
}

/* line 30, ../scss/lists.scss */
.nav-category li {
  display: block;
}

/* line 34, ../scss/lists.scss */
.listing-article {
  padding: 0.5em 25% 2em 25%;
}

/* line 38, ../scss/lists.scss */
.listing-article li {
  margin-bottom: 2em;
  background: #fff;
  padding: 1em;
}

/* line 44, ../scss/lists.scss */
.listing-category {
  background: #fff;
}

/* line 48, ../scss/lists.scss */
.listing-category li {
  padding: 0.5em 1em 0.5em 1em;
}

/* line 52, ../scss/lists.scss */
.expansion {
  padding: 1em 0 1em 0;
}

/* line 56, ../scss/lists.scss */
.expansion li {
  padding-bottom: 0.5em;
}

/* line 60, ../scss/lists.scss */
.expansion img, .category img {
  width: 25%;
  float: left;
  margin-right: 1em;
}

/* line 66, ../scss/lists.scss */
.listing-details li {
  padding: 0.5em .4em .5em 0;
  font-size: .75em;
}

/* line 71, ../scss/lists.scss */
.game-details ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* line 77, ../scss/lists.scss */
.game-details li {
  display: inline-block;
  margin: 0.5em 1em 0.5em 0em;
}

@media all and (min-width: 1051px) {
  /* line 3, ../scss/mediaqueries.scss */
  .nav-mobile {
    display: none;
  }
}
@media all and (max-width: 1050px) and (min-width: 701px) {
  /* line 11, ../scss/mediaqueries.scss */
  .section-head {
    position: relative;
    top: 0%;
    left: 0%;
    width: 70%;
    color: #000;
    background: #fff;
    padding-top: 0.5em;
    border-radius: 0;
    margin: auto;
  }

  /* line 23, ../scss/mediaqueries.scss */
  .main-image {
    position: fixed;
    z-index: -1;
    top: 4em;
  }

  /* line 29, ../scss/mediaqueries.scss */
  .content-body {
    padding: 0.5em 15% 0.5em 15%;
  }

  /* line 33, ../scss/mediaqueries.scss */
  article {
    padding: 0.5em 7% 2em 7%;
    background: #ffffff;
  }

  /* line 38, ../scss/mediaqueries.scss */
  .interior {
    margin-bottom: 70%;
  }

  /* line 42, ../scss/mediaqueries.scss */
  h1 {
    margin: 0.5em 0 0.5em 0;
  }

  /* line 46, ../scss/mediaqueries.scss */
  .nav-review {
    background: #fff;
    width: 100%;
    text-align: center;
    padding: 0.5em;
  }

  /* line 53, ../scss/mediaqueries.scss */
  .nav-review ul li {
    display: block;
    margin-right: 1em;
    margin-bottom: 0.5em;
  }

  /* line 59, ../scss/mediaqueries.scss */
  .listing-article {
    padding: 1em 20% 1em 20%;
  }

  /* line 63, ../scss/mediaqueries.scss */
  .listing-article li {
    padding: 1em;
  }

  /* line 67, ../scss/mediaqueries.scss */
  .expansion {
    padding: 1em 0;
  }

  /* line 71, ../scss/mediaqueries.scss */
  .nav-mobile {
    display: none;
  }
}
@media all and (max-width: 700px) and (min-width: 481px) {
  /* line 79, ../scss/mediaqueries.scss */
  .section-head {
    position: relative;
    top: 0%;
    left: 0%;
    width: 90%;
    color: #000;
    background: #fff;
    padding-top: 0.5em;
    border-radius: 0;
    margin: auto;
  }

  /* line 91, ../scss/mediaqueries.scss */
  .main-image {
    position: fixed;
    z-index: -1;
    top: 3em;
  }

  /* line 97, ../scss/mediaqueries.scss */
  .content-body {
    padding: 0.5em 5% 0.5em 5%;
  }

  /* line 101, ../scss/mediaqueries.scss */
  article {
    padding: 0.5em 7% 2em 7%;
    background: #ffffff;
  }

  /* line 106, ../scss/mediaqueries.scss */
  .interior {
    margin-bottom: 70%;
  }

  /* line 110, ../scss/mediaqueries.scss */
  h1 {
    margin: 0.5em 0 0.5em 0;
  }

  /* line 114, ../scss/mediaqueries.scss */
  .nav-review {
    background: #fff;
    width: 100%;
    text-align: center;
    padding: 0.5em;
  }

  /* line 121, ../scss/mediaqueries.scss */
  .nav-review ul li {
    display: block;
    margin-right: 1em;
    margin-bottom: 0.5em;
  }

  /* line 127, ../scss/mediaqueries.scss */
  .listing-article {
    padding: 1em 15% 1em 15%;
  }

  /* line 131, ../scss/mediaqueries.scss */
  .listing-article li {
    padding: 1em;
  }

  /* line 135, ../scss/mediaqueries.scss */
  .expansion {
    padding: 1em 0;
  }
}
@media all and (max-width: 700px) and (min-width: 601px) {
  /* line 143, ../scss/mediaqueries.scss */
  .nav-main {
    display: inline-block;
  }

  /* line 147, ../scss/mediaqueries.scss */
  .nav-mobile {
    display: none;
    position: relative;
    height: 2em;
  }
}
@media all and (max-width: 600px) and (min-width: 481px) {
  /* line 156, ../scss/mediaqueries.scss */
  .page-head .col-1-4 {
    width: 100%;
  }

  /* line 160, ../scss/mediaqueries.scss */
  .nav-main {
    display: none;
  }

  /* line 164, ../scss/mediaqueries.scss */
  .nav-search {
    display: none;
  }

  /* line 168, ../scss/mediaqueries.scss */
  .nav-mobile-trigger {
    display: block;
    position: relative;
  }

  /* line 173, ../scss/mediaqueries.scss */
  .nav-trigger {
    position: absolute;
    z-index: 0;
    left: 0;
  }

  /* line 180, ../scss/mediaqueries.scss */
  label[for="nav-trigger"] {
    /* ... previous styles here... */
    display: block;
    cursor: pointer;
    z-index: 2;
    position: absolute;
    background: dimgrey;
    left: 0;
  }

  /* line 190, ../scss/mediaqueries.scss */
  .nav-mobile {
    display: block;
    position: relative;
    height: 2em;
  }

  /* line 196, ../scss/mediaqueries.scss */
  .nav-mobile nav {
    position: absolute;
    left: -100%;
    top: 2em;
    background: dimgrey;
    width: 100%;
    transition: left 0.2s;
    z-index: 0;
  }

  /* line 207, ../scss/mediaqueries.scss */
  .nav-trigger:checked + label {
    top: 0px;
  }

  /* line 211, ../scss/mediaqueries.scss */
  .nav-trigger:checked ~ nav {
    left: 0;
    width: 100%;
    background: dimgrey;
  }
}
@media all and (max-width: 480px) and (min-width: 320px) {
  /* line 221, ../scss/mediaqueries.scss */
  .section-head {
    position: relative;
    top: 0%;
    left: 0%;
    width: 90%;
    color: #000;
    background: #fff;
    padding-top: 0.5em;
    border-radius: 0;
    margin: auto;
  }

  /* line 233, ../scss/mediaqueries.scss */
  .main-image {
    position: fixed;
    z-index: -1;
    top: 3.25em;
  }

  /* line 239, ../scss/mediaqueries.scss */
  .content-body {
    padding: 0.5em 5% 0.5em 5%;
  }

  /* line 243, ../scss/mediaqueries.scss */
  .header-article {
    margin-top: 90%;
  }

  /* line 247, ../scss/mediaqueries.scss */
  article {
    padding: 0.5em 7% 2em 7%;
    background: #ffffff;
  }

  /* line 252, ../scss/mediaqueries.scss */
  .interior {
    margin-bottom: 70%;
  }

  /* line 256, ../scss/mediaqueries.scss */
  h1 {
    margin: 0.5em 0 0.5em 0;
  }

  /* line 260, ../scss/mediaqueries.scss */
  .nav-review {
    background: #fff;
    width: 100%;
    text-align: center;
    padding: 0.5em;
  }

  /* line 267, ../scss/mediaqueries.scss */
  .nav-review ul li {
    display: block;
    margin-right: 1em;
    margin-bottom: 0.5em;
  }

  /* line 273, ../scss/mediaqueries.scss */
  .listing-article {
    padding: 1em 5% 1em 5%;
  }

  /* line 277, ../scss/mediaqueries.scss */
  .listing-article li {
    padding: 1em;
  }

  /* line 281, ../scss/mediaqueries.scss */
  .expansion {
    padding: 1em 0;
  }

  /* line 285, ../scss/mediaqueries.scss */
  .page-head .col-1-4 {
    width: 100%;
  }

  /* line 289, ../scss/mediaqueries.scss */
  .nav-main {
    display: none;
  }

  /* line 293, ../scss/mediaqueries.scss */
  .nav-search {
    display: none;
  }

  /* line 297, ../scss/mediaqueries.scss */
  .nav-mobile-trigger {
    display: block;
    position: relative;
  }

  /* line 302, ../scss/mediaqueries.scss */
  .nav-trigger {
    position: absolute;
    z-index: 0;
    left: 0;
  }

  /* line 309, ../scss/mediaqueries.scss */
  label[for="nav-trigger"] {
    /* ... previous styles here... */
    display: block;
    cursor: pointer;
    z-index: 2;
    position: absolute;
    background: dimgrey;
    left: 0;
  }

  /* line 319, ../scss/mediaqueries.scss */
  .nav-mobile {
    display: block;
    position: relative;
    height: 2em;
  }

  /* line 325, ../scss/mediaqueries.scss */
  .nav-mobile nav {
    position: absolute;
    left: -100%;
    top: 2em;
    background: dimgrey;
    width: 100%;
    transition: left 0.2s;
    z-index: 0;
  }

  /* line 336, ../scss/mediaqueries.scss */
  .nav-trigger:checked + label {
    top: 0px;
  }

  /* line 340, ../scss/mediaqueries.scss */
  .nav-trigger:checked ~ nav {
    left: 0;
    width: 100%;
    background: dimgrey;
  }
}