.detailSection .c-heading-3{
    padding:0 0 2px !important;
}

.gameFeatureFullWidth .customWeight{
    font-weight:600 !important;
}

.m-highlight-feature > div .c-call-to-action{
    margin:0 !Important;
}

.steamBtn{
    border: 2px solid #000 !important; 
    color: #0a4f0a !important; 
    background: none !important; 
}

.padBottom{
    padding-bottom:20px;
}

@media screen and (min-width:1350px) {
    .purchaseCtaSection{
        display:inline-block !Important; 
        width:600px !Important;
    }
    .marg-left{
        margin-left:15px !important;
    }
}

@media screen and (max-width:1084px) and (min-width:767px){
    .m-highlight-feature.f-align-left > div{
        top:45%; 
        width:400px;
    }
}

@media screen and (max-width:540px){
    .custFont{
        font-size:12px !important;
    }
    .padTop{
        margin-top:20px !Important;
    }
    .threeP-hero .button-section .topLogos .c-image{
        max-width:40% !important;
    }
}

@media screen and (max-width:414px){
    .customMobileFontSize{
        font-size:11px !important;
    }
}

@media screen and (max-width:320px){
    .customMobileFontSize{
        font-size:10px !important;
    }
}


@media screen and (min-width:768px){
    .joinBlade a{
        color:#0a4f0a !important;
    }
    .customMobileFontSize{
        font-size:12px !important;
    }
}

@media screen and (min-width:767px){
    .m-highlight-feature.f-align-left > div{
        top:45%; 
        width:400px;
    }
    .joinBlade > div > section.f-align-right > div.left-align {
        color:black !important; 
        padding-left: 0px !important;
    }
    .joinBlade > div > section.f-align-right > div.left-align h3 {
        padding-top: 0px !important;
    }
    .threeP-hero .button-section p:nth-child(odd) { 
        display:none !important;
    }
    #whatsnew a:focus { 
        outline: 5px dashed white !Important;
    }
    #whatsnew li:focus{ 
        outline: 3px dashed !Important;
    }
    .m-multi-feature p:focus {
        outline: 2px dashed #fff;
    }
    .customMobileFontSize {
        width:100px !Important;
    }
}

@media screen and (-ms-high-contrast: active) {
    [class^="m-"] a:not(.c-action-trigger):focus:not(.x-hidden-focus), [class*=" m-"] a:not(.c-action-trigger):focus:not(.x-hidden-focus), [class^="c-"] a:not(.c-action-trigger):focus:not(.x-hidden-focus), [class*=" c-"] a:not(.c-action-trigger):focus:not(.x-hidden-focus) {
    outline: 2px dashed #fff !important;
    }
}

@media screen and (max-width:950px) {
#whatsnew h2.c-heading-3 {
    padding-left: 10% !important;
    padding-right: 10% !important;
 }
}

/* HC fix */
@media screen and (-ms-high-contrast:active), screen and (forced-colors: active) {
  .customMobileFontSize {
      background: black !important;
  }
  .customMobileFontSize:focus {
      border: 4px dashed black !important;
      outline: 4px dashed white !important;
  }
}