@media screen and (min-width: 1921px) {
#BodyContent {width: 1920px; margin: 0 auto;}
}

.m-global-promotion .c-call-to-action.f-lightweight.black-c {
    margin-left: 0;
    margin-right: 0;
    padding: 10px 44px 7px 24px;
}

@media only screen and (min-width:1921px) {
    section.m-hero-item, div.m-hero, .legal {
        max-width: 1920px;
        margin: 0 auto;
    }
}

/*  apps store custom CTAs*/
.SB-hero-banner .c-group .c-call-to-action, .SB-hero-banner .c-group > a.c-call-to-action ~ a.c-call-to-action,
.customHero .c-group .c-call-to-action, .customHero  .c-group > a.c-call-to-action ~ a.c-call-to-action
 {margin-right: 20px !important; padding: 0;}
.SB-hero-banner .c-group, .customHero .c-group  { margin-top: 48px}


.xboxLogo{height:96px !important; width:96px !important;}
.xgpLogo{width:292px !important; height:50px !Important;}


@media screen and (min-width:768px){
 .mobileBlackFont{color:white !important;}
 .mobileGreenFont{color:#9bf00b !important;}
}

/*
.appLogo{height:187px !important;}
*/

.appContentPlacement .m-content-placement-item>picture {
 padding-bottom:45% !Important;}
}

.appContentPlacement a.c-call-to-action.f-image img { height:35px !important;}

.customLogoSize{min-height:40px !important;}
.containerLogoHeight{height:60px !Important;}
.customPadTop{padding-top:43px !important;}
.backCompatLogo{width:98px !important; height:50px !important; margin-top:-50px !important;}

@media screen and (max-width:1160px){
.backCompatLogo{margin-top:-30px !important;}
}


@media screen and (max-width:768px){
.backCompatLogo{ margin-top:10% !Important; text-align:center !Important; margin-left:39% !important;}
}

@media screen and (max-width:540px){
.backCompatLogo{margin-left:37% !important;}
}

@media screen and (max-width:375px){
.backCompatLogo{margin-left:34% !important;}
}

@media screen and (max-width:360px){
.backCompatLogo{margin-left:33% !important;}
}

@media screen and (max-width:320px){
.backCompatLogo{margin-left:30% !important;}
}


@media screen and (min-width: 1084px) {
.cust2ColBlade [data-grid~="container"]{width:78% !important;}
.customBanner{
 max-width: calc(1600px + 10%) !important;
 margin: 0 auto !important;
 padding-left:5% !important;
 padding-right:5% !important;
  }
 .msCompleteLogo{height:200px !Important; width:400px !Important;}
}

.bannerBG{
  border: 2px solid #107c10 !important;
}

.customCompleteBanner .m-global-promotion img {
    width: 400px !important;

}

@media screen and (max-width:1150px) and (min-width:850px){
.backCompatLogo {width:78px !important; height:30px !important; margin-top:-20px !important; margin-left:-10px;}
}

@media screen and (max-width:850px) and (min-width:768px){
.backCompatLogo {width:68px !important; height:20px !important; margin-top:-5px !important; margin-left:-10px !important;}
}

/*
.m-content-placement-item .c-heading, .c-content-placement .c-heading {
  margin-top:20px !important;
}

@media screen and (max-width:768px){
   .customPaddingBottom{padding-top:48px !important;}
}

*/

.devices .m-content-placement-item>picture {
    padding-bottom: 37%;
}

.devices {
    text-align: center;
}

/** High Contrast VFI **/
@media screen and (-ms-high-contrast: active) {
.customHero .m-hero-item .c-group>.c-call-to-action+.c-call-to-action:focus:not(.x-hidden-focus) {
    outline: 2px dashed #fff !important;}
}

.mobileGreenFont:focus {
   outline:3px dashed white !important;
}

.padBottom{padding-bottom:22px !Important;}