html {font-family: sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
* {box-sizing: border-box;}
body {font-family: "Oxygen",Arial,Helvetica,sans-serif;padding-top: 70px;overflow-x: hidden;}
s
.row.body {min-height: calc(100vh - 70px);}
h1, h2 {margin: 25px auto;}
h1 {font-size: 30pt;font-weight: bold;}
h2 {font-size: 24pt;}
p, li {font-size: 13pt;margin: 10px auto;}
a, a:hover {text-decoration: none;}
* a, button {cursor: pointer;}
navbar .navbar-brand {padding: 10px;height: auto;}
.navbar-brand>img {max-height: 40px;}
header {position: relative;display: block;max-height: 100vh;overflow: hidden;}
header section.jumbotron {position: static;width: 100%;height: auto;padding: 0;margin: 0 0 0 0;}
.video-container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;min-height: 480px;background: black;vertical-align: center;}
.video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.video-container video {min-height: 480px;}
header section.overlay {position: absolute;display: block;bottom: 0;left: 0;width: 100%;height: calc(100% - 50px);z-index: 19;}
header section.overlay .container {height: 100%;}
header section.overlay .logo {height: auto;margin: auto;padding: 10px 0;display: block;float: left;}
header section.overlay .logo img {width: 100%;height: 100%;object-fit: contain;max-height: 250px;}
header section.overlay .button {height: auto;width: 100%;margin: auto;padding: 10px 0;display: block;float: left;}
.learnmore-block {position: absolute;bottom: 20px;display: block;width: 100%;text-align: center;}
.learnmore {background: url("../images/more.png") no-repeat left center;font-size: 20px;color: white !important;width: 127px;height: 50px;line-height: 50px;display: inline-block;font-weight: 100;position: relative;-webkit-font-smoothing: antialiased;}
.mutebtn {float: right;bottom: 0;position: absolute;right: 0;margin: 10px 20px;background-position: center center;background-repeat: no-repeat;cursor: pointer;}
.well {padding: 20px inherit;background: none;border: none;box-shadow: none;}
a.cta {transition: all .2s ease-out;font-size: 18pt;line-height: 30pt;color: #fff !important;text-transform: uppercase;font-weight: bold;text-decoration: none;padding: 10px 20px;border-radius: 10px;border: 2px solid #fff;opacity: 1;background: url("../images/ctabg.gif") repeat-x center #076201;background-size: auto 100%;text-shadow: 1px 1px 5px black;margin: 0 auto;}
a.cta:hover {transition: all .5s ease-in-out;background: url("../images/ctabg2.gif") repeat-x center #fcdf2a;background-size: auto 100%;border-color: white;color: black !important;text-shadow: 1px 1px 5px white;box-shadow: 0px 0px 20px yellow;}
a.cta_custom {margin: 10px auto 20px;min-width: 300px;line-height: 80px;border: none;border-radius: 0;background: no-repeat center transparent;background-size: 100% auto;}
a.cta_custom:hover {background-size: contain;background-size: 100% auto;background: no-repeat center;background-color: transparent;border: none;box-shadow: none;}
section.content {}
#sidebar img {max-width: 100%;margin: 20px auto;}
#sidebar img.gameicon {max-width: 100%;height: auto;padding: 0;}
#sidebar .ratings {font-size: 30pt;display: block;width: 100%;margin-bottom: 50px;}
#sidebar .ratings .stars {display: block;position: relative;height: 36px;width: 200px;padding: 10px 0;margin: auto;}
#sidebar .ratings .stars div.bgstars {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 36px;background: url("../images/0stars.png") left no-repeat;background-size: auto 36px;}
#sidebar .ratings .stars div.fillstars {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 36px;background: url("../images/5stars.png") left no-repeat;background-size: auto 36px;}
.frontpage_featuredimg {max-width: 300px;height: auto;}
.page, .archive {padding-top: 20px;text-align: justify;}
.page img.logo, .archive img.logo {margin: 0 auto;max-width: 100%;max-height: 150px;}
.article-header h3, .article-footer h3 {font-size: 14pt;}
.article-header h1 {margin-top: 0;}
.article-featuredimg img {max-width: 100%;max-height: 300px;object-fit: cover;margin: 5px auto;display: block;}
.archive-content img, .article-content img {max-width: 100%;height: auto;margin: 5px auto;display: block;}
div.aligncenter {margin: auto;text-align: center;}
.archive-content img.alignnone, .article-content img.alignnone {margin: 3px;display: inline-block;}
.archive-loop {margin: 30px auto;}
.archive-loop .item {margin-bottom: 10px;}
.archive-loop .item .preview {padding: 0;}
.archive-loop .item .featured_image {width: 100%;height: 200px;object-fit: cover;margin-bottom: 10px;}
.archive-loop .item .info h2 {margin: 0;}
.archive-loop .item .btn.readmore {color: white;}
.wp-caption {max-width: 100%;}
.wp-caption p.wp-caption-text {font-size: 10pt;text-align: right;margin: 0 auto 20px;}
.pagination {margin: 0 auto;}
.pagination a>span.page-number, .pagination span.page-number {display: inline-block;text-align: center;min-width: 30px;padding: 5px;color: #e62738;}
.pagination a>span.page-number {color: #333;}
.pagination a>span.page-number:hover {color: #e62738;}
.moreinfo ul {padding: 0;}
.moreinfo ul li {list-style-type: none;padding-left: 50px;padding-top: 5px;background: no-repeat top left;background-size: 40px 40px;min-height: 50px;}
.screenshots img.screenshot {width: 100%;object-fit: contain;object-position: center;max-height: 500px;margin: 10px;}
.floatingbutton {width: 200px;opacity: 1;display: none;position: fixed;bottom: 50px;right: 20px;z-index: 999;transition: all .5s;}
.floatingbutton_icon img {width: 100%;height: auto;}
.floatingbutton_btn a {max-width: 100%;margin: 5px auto;text-align: center;white-space: pre-wrap;}
.floatingbutton_btn.stick {opacity: 1;transition: all .5s;}
footer *, .footer-text {font-size: 10pt;}
.footer-text {margin: 50px auto 15px;text-align: center;color: #383838;font-weight: bold;}
.footer-text a {color: #383838;text-decoration: none;}
.footer-text a:hover {text-decoration: underline;}
footer {display: block;width: 100%;float: left;background-color: darkgrey;padding: 15px 10px 0;height: auto;}
footer a {color: #383838;}
footer li a {font-size: 10pt;}
.footer-disclaimer {margin-bottom: 20px;}
footer ul#nav_bottom {list-style-type: none;padding: 0;}
footer ul#nav_bottom li {list-style-type: none;display: inline-block;padding: 0 10px;margin: 0;}
@-moz-keyframes bounce {0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);transform: translateY(-15px);}}
@-webkit-keyframes bounce {0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);transform: translateY(0);}
	40% {-webkit-transform: translateY(-30px);transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);transform: translateY(-15px);}}
@keyframes bounce {0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);-ms-transform: translateY(-30px);-webkit-transform: translateY(-30px);transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);-ms-transform: translateY(-15px);-webkit-transform: translateY(-15px);transform: translateY(-15px);}}
.bounce {-moz-animation: bounce 2s infinite;-webkit-animation: bounce 2s infinite;animation: bounce 2s infinite;}
@media only screen and (min-width:768px) {header section.overlay .logo {height: 50%;}
	a.cta {font-size: 30pt;padding: 20px 50px;margin: 0 auto;}
	a.cta_custom {font-size: 26pt;padding: 10px 30px;}
	.floatingbutton {display: block;}}
@media (min-width: 992px) {}
@media only screen and (min-width:1280px) {a.cta {font-size: 36pt;}
	a.cta_custom {font-size: 36pt;line-height: 120px;}}
@media only screen and (min-width:1440px) {header section.overlay .button {height: 50%;margin: 0;}
	.floatingbutton {bottom: auto;top: calc(50% - 150px);}}
.switcher {margin-top: 10px;}