/* #region Responsive Mixins */
/* #region Responsive */
html body {
  background: #003A72 url("http://images.stardock.com/stardock/metaverse/bg.jpg") no-repeat fixed center top;
  background-size: 100% 100%;
  padding-top: 50px;
}

html body .body {
  box-sizing: border-box;
  color: #f6f6f6;
  display: flex;
  flex-direction: column;
  padding: 1em;
  margin: 0 auto;
  max-width: 1420px;
  width: 100%;
}

html body .body > main.content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto 1rem;
  padding: 0 1rem;
  max-width: 1420px;
}

html body .body > main.content > section.metaverse-container {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

html body .body > main.content > section.metaverse-container > a {
  background-position: center top;
  background-repeat: no-repeat;
  display: block;
  height: 263px;
  margin: 1rem;
  max-width: 100%;
  width: 410px;
}

html body .body > main.content > section.metaverse-container > a.ashes {
  background-image: url(http://images.stardock.com/stardock/metaverse/mv-ashes.png);
}

html body .body > main.content > section.metaverse-container > a.otc {
  background-image: url(http://images.stardock.com/stardock/metaverse/mv-otc.png);
}

html body .body > main.content > section.metaverse-container > a.gc3 {
  background-image: url(http://images.stardock.com/stardock/metaverse/mv-gc3.png);
}

html body .body > main.content > section.metaverse-container > a.gc4 {
  background-image: url(http://images.stardock.com/stardock/metaverse/mv-gc4.png);
}

html body .body > main.content > section.metaverse-container > a.tpm16 {
  background-image: url(http://images.stardock.com/stardock/metaverse/mv-tpm16.png);
}

html body .body > main.content > section.metaverse-container > a.sco {
  background-image: url(http://images.stardock.com/stardock/metaverse/mv-sco.png);
}

html body .body > main.content > section.metaverse-container > a.sk {
  background-image: url(http://images.stardock.com/stardock/metaverse/mv-sk.png);
}

html body .body > main.content > section.metaverse-container > a:hover {
  background-position: center bottom;
}

html body > footer {
  background-color: rgba(12, 73, 134, 0.25);
}

html body > footer > div.accent {
  background-color: rgba(15, 96, 174, 0.25);
}