@keyframes glassHeader {
  0% {
    transform: scale(1.3);
    opacity: 1;
  }
  70% {
    transform: scale(1);
  }
  100% {
    opacity: 0.8;
  }
}

@keyframes fontFade {
  0% {
    transform: scale(0.85);
    opacity: 0;
  }
  70% {
    transform: scale(1);
  }
  100% {
    opacity: 1;
  }
}

#hamburger {
  display: none;
}

#menu {
  text-indent: -9999em;
}

body {
  background: #0b0b0b url(../images/blackorchid.png) repeat center;
  margin: 0;
  padding: 0;
  font-family: 'Pragati Narrow', sans-serif;
  color: #4b4b4b;
  padding-top: 138px;
}

body * {
  box-sizing: border-box;
}

a {
  text-decoration: none;
  color: #4b4b4b;
}

a:hover {
  color: #9b0000;
}

#siteBox, #headerBox, #navBox, #contentBox, #footerBox {
  display: block;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  width: 100%;
}

header, nav, #siteContent, footer {
  width: 1200px;
  margin: 0 auto;
  padding: 0;
}

#headerBox {
  min-height: 138px;
  border-bottom: #4b4b4b 1px solid;
  position: fixed;
  top: 0px;
  padding-bottom: 65px;
  background: #0b0b0b url(../images/dark_dotted.png) repeat center;
  z-index: 10;
  box-shadow: 0px 0px 20px 8px rgba(0, 0, 0, 0.75);
}

#headerBox header {
  display: block;
  width: initial;
}

#headerBox header a {
  padding: 20px;
  display: block;
}

#headerBox header a h1 {
  color: #b3b3b3;
}

#contentBox {
  animation-duration: 410ms;
  animation-name: fontFade;
}

#contentBox a {
  font-weight: bold;
}

#siteContent {
  color: #b3b3b3;
  padding: 30px 20px;
}

h1 {
  margin-bottom: 0px;
  color: #9b0000;
  font-family: 'Trade Winds', cursive;
}

h1.headerTitle {
  margin: 0px;
  font-family: 'Press Start 2P', cursive;
  text-align: center;
  margin-left: 10px;
  text-shadow: black 1px 1px 0px, black 2px 2px 0px, black 3px 3px 0px, black 4px 4px 0px, black 5px 5px 0px, black 6px 6px 0px, black 7px 7px 0px, black 8px 8px 0px, black 9px 9px 0px, black 10px 10px 0px, black 11px 11px 0px, black 12px 12px 0px, black 13px 13px 0px, black 14px 14px 0px, black 15px 15px 0px, black 16px 16px 0px, black 17px 17px 0px, black 18px 18px 0px, black 19px 19px 0px, black 20px 20px 0px, black 21px 21px 0px, black 22px 22px 0px, black 23px 23px 0px, black 24px 24px 0px, black 25px 25px 0px, black 26px 26px 0px, black 27px 27px 0px, black 28px 28px 0px, black 29px 29px 0px, black 30px 30px 0px, black 31px 31px 0px, black 32px 32px 0px, black 33px 33px 0px, black 34px 34px 0px, black 35px 35px 0px, black 36px 36px 0px, black 37px 37px 0px;
}

#navBox {
  position: absolute;
  top: 10px;
  right: 20px;
  display: inline-block;
  width: initial;
}

#navBox nav {
  text-align: center;
  height: 25px;
  width: initial;
}

#navBox nav a {
  font-size: 20px;
  line-height: 20px;
}

#navBox nav a:hover {
  color: #9b0000;
}

.homeSections {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
}

.homeSections > div {
  margin: 0px 5px;
  padding: 20px 0;
}

.homeSections > div h1 {
  margin: 0;
  font-family: 'Trade Winds', cursive;
  background-size: contain;
  mix-blend-mode: difference;
}

.homeSections > div.leftSection {
  flex-basis: 60%;
}

.homeSections > div.rightSection {
  flex-basis: 40%;
  padding-left: 40px;
  border-left: #1f1f1f 1px solid;
}

.homeSections > div .game {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  border-bottom: #1f1f1f 1px solid;
  padding: 10px 0;
}

.homeSections > div .game:last-child {
  border: 0;
}

.homeSections > div .game section:first-child {
  flex-basis: 70%;
  max-width: 70%;
}

.homeSections > div .game section:first-child span {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}

.homeSections > div .game section:first-child span.title {
  color: #f3f3f3;
  font-size: 22px;
  padding: 5px 15px 5px 0;
}

.homeSections > div .game section:first-child span.category {
  color: #4b4b4b;
  font-size: 18px;
  padding: 0 0 0 15px;
  border-left: #4b4b4b 1px solid;
}

.homeSections > div .game section:first-child span.console {
  flex-basis: 15%;
  text-align: center;
  padding: 0 15px 0 0;
  color: #4b4b4b;
}

.homeSections > div .game section:first-child span.console i {
  font-size: 24px;
}

.homeSections > div .game section:first-child span.console > div {
  font-size: 9px;
  text-align: center;
  margin: -5px 0 0 0;
  font-family: 'Trebuchet MS', sans-serif;
}

.homeSections > div .game section:first-child img.player {
  max-height: 24px;
  display: inline-block;
  vertical-align: middle;
  float: right;
  margin: 10px 0 0 5px;
  border-radius: 50%;
}

.homeSections > div .game section:first-child .meter {
  height: 12px;
  /* Can be anything */
  position: relative;
  margin: 8px 0 0 0;
  background: #0f0f0f;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  padding: 3px;
  -webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}

.homeSections > div .game section:first-child .meter > span {
  display: block;
  height: 100%;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #2bc253;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2bc253), color-stop(1, #54f054));
  background-image: -moz-linear-gradient(center bottom, #2bc253 37%, #54f054 69%);
  -webkit-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  position: relative;
  overflow: hidden;
}

.homeSections > div .game section:first-child .meter > span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent));
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  z-index: 1;
  -webkit-background-size: 50px 50px;
  -moz-background-size: 50px 50px;
  -webkit-animation: move 2s linear infinite;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
}

.homeSections > div .game section:first-child .animate > span > span {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent));
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  z-index: 1;
  -webkit-background-size: 50px 50px;
  -moz-background-size: 50px 50px;
  -webkit-animation: move 2s linear infinite;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
}

.homeSections > div .game section:first-child .animate > span:after {
  display: none;
}

@-webkit-keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}

.homeSections > div .game section:first-child .yellow {
  color: #e5a330;
}

.homeSections > div .game section:first-child .yellow > span {
  background-color: #e6b158;
  background-image: -moz-linear-gradient(top, #e6b158, #e5a330);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e6b158), color-stop(1, #e5a330));
  background-image: -webkit-linear-gradient(#e6b158, #e5a330);
}

.homeSections > div .game section:first-child .orange {
  color: #ff3f20;
}

.homeSections > div .game section:first-child .orange > span {
  background-color: #e57830;
  background-image: -moz-linear-gradient(top, #e57830, #ff3f20);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e57830), color-stop(1, #ff3f20));
  background-image: -webkit-linear-gradient(#e57830, #ff3f20);
}

.homeSections > div .game section:first-child .red {
  color: #9b0000;
}

.homeSections > div .game section:first-child .red > span {
  background-color: #f42323;
  background-image: -moz-linear-gradient(top, #f42323, #9b0000);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f42323), color-stop(1, #9b0000));
  background-image: -webkit-linear-gradient(#f42323, #9b0000);
}

.homeSections > div .game section:first-child .green {
  color: #54f054;
}

.homeSections > div .game section:first-child .nostripes > span > span, .homeSections > div .game section:first-child .nostripes > span:after {
  -webkit-animation: none;
  background-image: none;
}

.homeSections > div .game section:nth-child(2) {
  flex-basis: 30%;
  max-width: 30%;
  font-size: 48px;
  padding: 0 10px;
  line-height: 70px;
}

.homeSections > div .game section:nth-child(2).yellow {
  color: #e5a330;
}

.homeSections > div .game section:nth-child(2).orange {
  color: #ff3f20;
}

.homeSections > div .game section:nth-child(2).red {
  color: #9b0000;
}

.homeSections > div .game section:nth-child(2).green {
  color: #54f054;
}

.homeSections > div .game table {
  width: 100%;
}

.homeSections > div .game table tr:first-child td:first-child {
  color: #f3f3f3;
  font-size: 14px;
  padding: 5px 0;
  border-right: #4b4b4b 1px solid;
  max-width: 50%;
}

.homeSections > div .game table tr:first-child td:nth-child(2) {
  color: #4b4b4b;
  font-size: 10px;
  padding: 5px 0;
  max-width: 15%;
}

.homeSections > div .game table tr:first-child td:nth-child(3) {
  color: #f3f3f3;
  font-size: 35px;
  padding: 0 10px;
  vertical-align: middle;
}

.gameSections {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
}

.gameSections > div {
  margin: 0px 5px;
  padding: 20px 0;
}

.gameSections > div h1 {
  margin: 0;
  font-family: 'Trade Winds', cursive;
  background-size: contain;
  mix-blend-mode: difference;
}

.gameSections > div.leftSection {
  flex-basis: 100%;
}

.gameSections > div.rightSection {
  flex-basis: 100%;
}

.gameSections > div .game {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  border-bottom: #1f1f1f 1px solid;
  padding: 10px 0;
}

.gameSections > div .game:last-child {
  border: 0;
}

.gameSections > div .game section:first-child {
  flex-basis: 15%;
  max-width: 15%;
}

.gameSections > div .game section:first-child img.cover {
  max-width: 145px;
  margin: 0 40px 0 0;
}

.gameSections > div .game section:nth-child(2) {
  flex-basis: 70%;
  max-width: 70%;
}

.gameSections > div .game section:nth-child(2) span {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}

.gameSections > div .game section:nth-child(2) span.title {
  color: #f3f3f3;
  font-size: 46px;
  padding: 5px 15px 5px 0;
}

.gameSections > div .game section:nth-child(2) span.category {
  color: #4b4b4b;
  font-size: 18px;
  padding: 0 0 0 15px;
  border-left: #4b4b4b 1px solid;
}

.gameSections > div .game section:nth-child(2) span.console {
  flex-basis: 15%;
  text-align: center;
  padding: 0 15px 0 0;
  color: #4b4b4b;
}

.gameSections > div .game section:nth-child(2) span.console i {
  font-size: 24px;
}

.gameSections > div .game section:nth-child(2) span.console > div {
  font-size: 9px;
  text-align: center;
  margin: -5px 0 0 0;
  font-family: 'Trebuchet MS', sans-serif;
}

.gameSections > div .game section:nth-child(2) img.player {
  max-height: 48px;
  display: inline-block;
  vertical-align: middle;
  float: right;
  margin: 10px 0 0 5px;
  border-radius: 50%;
}

.gameSections > div .game section:nth-child(2) .meter {
  height: 52px;
  /* Can be anything */
  position: relative;
  margin: 8px 0 0 0;
  background: #0f0f0f;
  border-radius: 10px;
  padding: 3px;
  -webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}

.gameSections > div .game section:nth-child(2) .meter > span {
  display: block;
  height: 100%;
  border-radius: 10px;
  background-color: #2bc253;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2bc253), color-stop(1, #54f054));
  background-image: -moz-linear-gradient(center bottom, #2bc253 37%, #54f054 69%);
  -webkit-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  position: relative;
  overflow: hidden;
}

.gameSections > div .game section:nth-child(2) .meter > span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent));
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  z-index: 1;
  -webkit-background-size: 50px 50px;
  -moz-background-size: 50px 50px;
  -webkit-animation: move 2s linear infinite;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
}

.gameSections > div .game section:nth-child(2) .animate > span > span {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent));
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  z-index: 1;
  -webkit-background-size: 50px 50px;
  -moz-background-size: 50px 50px;
  -webkit-animation: move 2s linear infinite;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
}

.gameSections > div .game section:nth-child(2) .animate > span:after {
  display: none;
}

@-webkit-keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}

.gameSections > div .game section:nth-child(2) .yellow {
  color: #e5a330;
}

.gameSections > div .game section:nth-child(2) .yellow > span {
  background-color: #e6b158;
  background-image: -moz-linear-gradient(top, #e6b158, #e5a330);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e6b158), color-stop(1, #e5a330));
  background-image: -webkit-linear-gradient(#e6b158, #e5a330);
}

.gameSections > div .game section:nth-child(2) .orange {
  color: #ff3f20;
}

.gameSections > div .game section:nth-child(2) .orange > span {
  background-color: #e57830;
  background-image: -moz-linear-gradient(top, #e57830, #ff3f20);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e57830), color-stop(1, #ff3f20));
  background-image: -webkit-linear-gradient(#e57830, #ff3f20);
}

.gameSections > div .game section:nth-child(2) .red {
  color: #9b0000;
}

.gameSections > div .game section:nth-child(2) .red > span {
  background-color: #f42323;
  background-image: -moz-linear-gradient(top, #f42323, #9b0000);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f42323), color-stop(1, #9b0000));
  background-image: -webkit-linear-gradient(#f42323, #9b0000);
}

.gameSections > div .game section:nth-child(2) .green {
  color: #54f054;
}

.gameSections > div .game section:nth-child(2) .nostripes > span > span, .gameSections > div .game section:nth-child(2) .nostripes > span:after {
  -webkit-animation: none;
  background-image: none;
}

.gameSections > div .game section:nth-child(3) {
  flex-basis: 15%;
  max-width: 15%;
  font-size: 68px;
  padding: 0 10px;
  line-height: 70px;
}

.gameSections > div .game section:nth-child(3).yellow {
  color: #e5a330;
}

.gameSections > div .game section:nth-child(3).orange {
  color: #ff3f20;
}

.gameSections > div .game section:nth-child(3).red {
  color: #9b0000;
}

.gameSections > div .game section:nth-child(3).green {
  color: #54f054;
}

.gameSections > div .game table {
  width: 100%;
}

.gameSections > div .game table tr:first-child td:first-child {
  color: #f3f3f3;
  font-size: 14px;
  padding: 5px 0;
  border-right: #4b4b4b 1px solid;
  max-width: 50%;
}

.gameSections > div .game table tr:first-child td:nth-child(2) {
  color: #4b4b4b;
  font-size: 10px;
  padding: 5px 0;
  max-width: 15%;
}

.gameSections > div .game table tr:first-child td:nth-child(3) {
  color: #f3f3f3;
  font-size: 35px;
  padding: 0 10px;
  vertical-align: middle;
}

.pubDate {
  font-size: 12px;
  font-weight: bold;
}

.summary {
  margin-bottom: 20px;
  margin-top: 0px;
}

#homeSlider .slide {
  width: 100%;
  min-height: 375px;
}

#homeSlider .slide.one {
  background: url(../images/slider/gow1.jpg) no-repeat center top;
  background-size: cover;
}

#homeSlider .slide.two {
  background: url(../images/slider/halo1.jpg) no-repeat center top;
  background-size: cover;
}

#homeSlider .slide.three {
  background: url(../images/slider/gow2.jpg) no-repeat center top;
  background-size: cover;
}

#homeSlider .slide.four {
  background: url(../images/slider/halo-hunters.jpg) no-repeat center top;
  background-size: cover;
}

#homeSlider .slide.five {
  background: url(../images/slider/gow3.jpg) no-repeat center top;
  background-size: cover;
}

ul#headlines {
  border-radius: 8px;
}

ul#headlines h2 {
  margin: 0px;
}

ul#headlines h2 a:hover {
  text-decoration: underline;
}

ul#headlines li {
  list-style-type: none;
}

form {
  color: #4b4b4b;
  background: #1f1f1f;
  margin: 30px auto;
  border-radius: 8px;
  padding: 10px;
  box-sizing: border-box;
}

form ul {
  padding: 0;
}

form li {
  list-style-type: none;
  text-align: center;
  margin-bottom: 20px;
  display: block;
}

form label, form input {
  margin: 0 auto;
  display: block;
}

footer {
  text-align: center;
  color: #4b4b4b;
}

@media screen and (max-width: 1024px) {
  #siteBox.mm-page {
    margin-top: -55px;
  }
  #navBox {
    display: none;
  }
  #menu {
    text-indent: 0;
  }
  #hamburger {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
  }
  body {
    padding-top: 105px;
  }
  #headerBox {
    padding-bottom: 35px;
    box-sizing: border-box;
    background: #1f1f1f;
  }
  #headerBox header a {
    padding: 0;
  }
  #headerBox header a h1.headerTitle {
    padding: 10px 0 0 0;
    font-size: 28px;
    text-align: left;
    text-shadow: #141414 1px 1px 0px, #141414 2px 2px 0px, #141414 3px 3px 0px, #141414 4px 4px 0px, #141414 5px 5px 0px, #151515 6px 6px 0px, #151515 7px 7px 0px, #161616 8px 8px 0px, #161616 9px 9px 0px, #171717 10px 10px 0px, #171717 11px 11px 0px, #171717 12px 12px 0px, #181818 13px 13px 0px, #181818 14px 14px 0px, #191919 15px 15px 0px, #191919 16px 16px 0px, #1a1a1a 17px 17px 0px, #1a1a1a 18px 18px 0px, #1b1b1b 19px 19px 0px, #1b1b1b 20px 20px 0px, #1b1b1b 21px 21px 0px, #1c1c1c 22px 22px 0px, #1c1c1c 23px 23px 0px, #1d1d1d 24px 24px 0px, #1d1d1d 25px 25px 0px, #1e1e1e 26px 26px 0px, #1e1e1e 27px 27px 0px, #1f1f1f 28px 28px 0px;
  }
  header, footer, #navBox, nav {
    width: 100%;
    box-sizing: border-box;
  }
  #siteContent {
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
  }
  ul#headlines {
    padding: 0px;
    width: 100%;
    box-sizing: border-box;
  }
  ul#headlines h2 a {
    font-size: 25px;
  }
  #headerBox.glass {
    animation-duration: 1010ms;
    animation-name: glassHeader;
    opacity: 0.8;
    min-height: 0px;
    z-index: 5;
  }
  #headerBox.glass h1.headerTitle {
    font-size: 24px;
    text-align: left;
    margin-left: 10px;
    width: 35%;
  }
  #headerBox.glass #hamburger {
    width: 65px;
    height: 40px;
    text-align: right;
    right: 0px;
    top: 0px;
    padding: 10px 10px 0 0;
  }
  #headerBox.glass #hamburger img {
    width: 30px !important;
    z-index: 10;
  }
  .pubDate {
    display: block;
  }
  .mm-listview a {
    font-size: 20px;
  }
}