@media screen and (min-width:0px) {
 .xgpJoinNowBtn {
  color:#9bf00b !Important;
 }
}

@media screen and (min-width:1084px) {
 .xgpJoinNowBtn {
  color:#054b16 !important;
 }
 .xgpLogoWhite {
  display:none !important;
 }
}

@media only screen and (max-width: 1083px) {
 section.m-hero-item.glp-hero.mobile-medium{
   background-color:black !important;
   color:white !important;
 }
 .xgpLogoBlack{
   display:none !important;
  }
 .mobGetItNowCta {
    color: #9bf00b !important;
    background: rgba(255,255,255,0) !important;
    border-color: #9bf00b !important;
 }
.popicons { color:white !Important; }
}

@media screen and (min-width: 1084px) {
.BGimage {
background-image: url('https://assets.xboxservices.com/assets/1d/23/1d230afd-8200-4e26-a227-c4db2fd3dc08.jpg?n=Fallout-76_Image-Background-768_Black-speckle_1920x4500.jpg');
background-repeat: no-repeat;
background-size: cover;
}
}

@media screen and (max-width: 1083px)  {
.BGimage {background-color:#101023 !important;}
}

/* GAME FEATURES */
 .m-highlight-feature > div {
background: none !important;
color: white !important;
box-shadow:none !Important;
}

@media only screen and (min-width:1400px) {
.m-highlight-feature > div {width: 500px !important;}
}

@media only screen and (min-width:1084px) {
.m-highlight-feature>.right-align {
margin-right: 10%;
}
.m-highlight-feature>.left-align {
margin-left: 10%;}
}

@media only screen and (min-width:768px){
.gameFeatures .c-heading{font-size:34px !important; line-height:40px !important;}
.gameFeatures p {font-size:20px !important; line-height:25px !important;}
.customColor{color:#9bf00b !important;}
}

.gameFeatures .m-feature p{font-size:15px !important; line-height:20px !Important;}
.padBottom{padding-bottom:20px !Important;}

@media screen and (max-width:768px){
.mobileFontBlack{color:black !important;}
}



@media screen and (max-width: 859px) {
.m-hero-item.glp-hero >picture img{padding-top:88px !Important;}

}

@media only screen and (min-width: 768px) and (max-width: 1083px) {
section.m-hero-item.glp-hero>div>div {
    top: calc(120px + 48vw) !important;

}
}





.copyCardCTA { color: #054b16 !Important;}

.m-hero-item.glp-hero.f-precise-click {
    padding: 0 4.5% 0 3% !important;
}

@media screen and (max-width:479px) {
  .purchase div:not(.c-group) > a.c-call-to-action ~ .f-lightweight {
    padding-left: 0 !important;
}
}



.infoBarPlatformText .popicons {
 color:white !Important;
}



@media (forced-colors: active) {
    .custCopyCard .m-hero-item.glp-hero .heroCTA.ctaPadTop{
        background-color: none !important; 
    }
}