html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline; }

html {
line-height: 1; }

ol, ul {
list-style: none; }

table {
border-collapse: collapse;
border-spacing: 0; }

caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle; }

q, blockquote {
quotes: none; }
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none; }

a img {
border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block; }

/* FONTS */
@font-face {
font-family: 'geforce-bold';
src: url("../assets/fonts/geforce_bold-webfont.eot") format("eot");
/* IE9 Compat Modes */
src: url("../assets/fonts/geforce_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/geforce_bold-webfont.woff") format("woff");
/* Pretty Modern Browsers */
font-style: normal;
font-weight: bold; }
@font-face {
font-family: 'geforce-light';
src: url("../assets/fonts/geforce_light-webfont.eot") format("eot");
/* IE9 Compat Modes */
src: url("../assets/fonts/geforce_light-webfont.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/geforce_light-webfont.woff") format("woff");
/* Pretty Modern Browsers */
font-style: normal;
font-weight: lighter; }
@font-face {
font-family: 'geforce-bold-notch';
src: url("../assets/fonts/geforce-bold-alt-webfont.eot");
/* IE9 Compat Modes */
src: url("../assets/fonts/geforce-bold-alt-webfont.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/geforce-bold-alt-webfont.woff2") format("woff2"), url("../assets/fonts/geforce-bold-alt-webfont.woff") format("woff");
/* Pretty Modern Browsers */
font-style: normal;
font-weight: bold; }
@font-face {
font-family: 'geforce-light-notch';
src: url("../assets/fonts/geforce-light-alt-webfont.eot");
/* IE9 Compat Modes */
src: url("../assets/fonts/geforce-light-alt-webfont.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/geforce-light-alt-webfont.woff2") format("woff2"), url("../assets/fonts/geforce-light-alt-webfont.woff") format("woff");
/* Pretty Modern Browsers */
font-style: normal;
font-weight: lighter; }
@font-face {
font-family: 'DINPro';
src: url("../assets/fonts/DINWebPro.eot");
/* IE9 Compat Modes */
src: url("../assets/fonts/DINWebPro.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/DINWebPro.woff") format("woff");
/* Pretty Modern Browsers */ }
@font-face {
font-family: 'DINProMedium';
src: url("../assets/fonts/DINWebPro-Medium.eot");
/* IE9 Compat Modes */
src: url("../assets/fonts/DINWebPro-Medium.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/DINWebPro-Medium.woff") format("woff");
/* Pretty Modern Browsers */ }
@font-face {
font-family: 'DINProLight';
src: url("../assets/fonts/DINWebPro-Light.eot");
/* IE9 Compat Modes */
src: url("../assets/fonts/DINWebPro-Light.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/DINWebPro-Light.woff") format("woff");
/* Pretty Modern Browsers */ }
*,
:before, :after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html { overflow-x: hidden; overflow-y: auto; background-color: #000; }
body { font: 100%/1.4 "DINPro", "Trebuchet MS", Helvetica, sans-serif; color: #fff; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; }
sup { font-size: 0.5em; vertical-align: super; top: -0.5px; }
hr { width: 80%; border: 1px solid #666; margin: 1.5rem auto;}
i { font-style: italic; }

.border { border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important; }
.container-m { max-width: 1300px; margin: auto; }
.notification { background-color: transparent; }
.box { background: transparent; box-shadow: unset;}
.subtitle sup { font-size: 0.5em; }

.logos { max-height: 50px; max-width: 170px; }
.cgreen { color: #76b900 !important; }
.cwhite { color: #fff !important; }
.fgeforceb { font-family: "geforce-bold"; }
.fgeforcel { font-family: "geforce-light"; }
.notchL { font-family: "geforce-light-notch"; }
.notchB { font-family: "geforce-bold-notch"; }

.tile .title { font-size: 250%; line-height: 100%; padding: 0 5% 1.5%; }
.tile .subtitle { font-size: 200%; line-height: 100%; padding: 0 5% 1.5%; text-align: unset;}
.tile .is-small { color: #fff; padding: 0 5% 1.5%; }

.button { font-weight: bolder; text-transform: uppercase; background-color: #76b900; border: 1px solid #76b900; color: #fff; }
.button:visited { color: #fff; background-color: #76b900; }
.button:hover { color: #76b900; background-color: transparent; border-radius: 5px; border-color: #76b900; }
.button:active, .button:focus { color: #fff; background-color: #76b900; border-color: #76b900; }

.header {
  background: url("../img/bannerHead.png") no-repeat center right;
  background-size: cover; }

.rtxgames {
  background: url("../img/bannerHero.png") no-repeat center left;
  background-size: cover; }

.shopping { padding-top: 5%; }
.shopping .tile p.is-small { width: 80%; margin: auto; }
.shopping .card { background-color: unset; box-shadow: unset; color: unset; }
.shopping .card .card-content { color: #fff; padding-top: 0; padding-bottom: 0; }
.shopping .card .card-footer { border: unset; }
.shopping .card .card-footer .button {  color: #fff; background-color: #76b900; font-weight: bolder; text-transform: uppercase;  } 
.shopping .card .card-footer .button:visited { color: #fff; background-color: #76b900; }
.shopping .card .card-footer .button:hover { color: #76b900; background-color: transparent; border: 1px solid #76b900; border-radius: 5px; }
.shopping .card .card-footer .button:active,
.shopping .card .card-footer .button:focus { color: #fff; background-color: #76b900; }

footer { margin: 4% 16% 8%; font: 70% "DINPro"; color: rgba(255, 255, 255, 0.5); }
footer img { width: 200px; height: 55px; margin: auto; }
footer .line { margin: 0 0 4%; background: url("../img/gline.svg") center center no-repeat; height: 37px; background-size: contain; }
footer .image img { height: 50px; width: auto; }

/* MOBILE BREAKPOINT */
@media only screen and (max-width: 639px) {
  .header { background-image: url("../img/bannerHeadC.png"); }
  .header .is-two-fifths { display: block;}
  .rtxgames { background-image: url("../img/bannerHeroC.png"); }
  .shopping .tile p.is-small { width: 100%; margin: auto; }
  .shopping .card .card-image { max-width: 300px; margin: auto; }
}
/* TABLET BREAKPOINT */
@media only screen and (min-width: 640px) and (max-width: 940px) {
  .header { background-image: url("../img/bannerHeadC.png"); }
  .header .is-two-fifths { width: 70%;}
  .rtxgames { background-image: url("../img/bannerHeroC.png"); }
  .rtxgames .is-two-fifths { width: 70%;}
  .shopping .tile p.is-small { width: 90%; margin: auto; }
  .shopping .card .card-image { max-width: 300px; margin: auto; }
}
/* LAPTOP BREAKPOINT */
/* ULTRA-WIDE DESKTOP BREAKPOINT */