/** Optimizations **/

.lazy-load-img {
    display: none !important;
    /* Hide images initially */
}

@media screen and (min-width: 1200px) and (max-width: 1700px) {
    .c-heading-3 {
        font-size: 24px !important;
        line-height: 30px !important;
    }
}

@media screen and (min-width: 1084px) and (max-width: 1199px) {
    .c-heading-3 {
        font-size: 20px !important;
        line-height: 24px !important;
    }
}

.largeToutWrapper {
    background-color: red;
}


@media screen and (max-width: 350px) {
    .home-hero #hero-2 .m-hero-item>div>div {
        padding-bottom: 0;
    }
}

/**Accessibility Fixes **/

.text-spacing .c-heading-3,
.c-heading-3[style] {
    font-size: 18px !important;
}

.text-spacing .c-subheading-1,
.c-subheading-1[style] {
    font-size: 18px !important;
}

.text-spacing .c-heading-2,
.c-heading-2[style] {
    font-size: 34px !important;
}

.text-spacing li .c-heading-1,
li .c-heading-1[style] {
    font-size: 34px !important;
}

.text-spacing .hp-mosaic>section>ul>li a,
.hp-mosaic>section>ul>li a[style] {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.text-spacing .hp-mosaic>section>ul>li .c-badge,
.hp-mosaic>section>ul>li .c-badge[style],
.text-spacing .hp-mosaic>section>ul>li h2,
.hp-mosaic>section>ul>li h2[style],
.text-spacing .hp-mosaic>section>ul>li h2+p,
.hp-mosaic>section>ul>li h2+p[style] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.theme-dark a.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus) {
    background: transparent !important;
    color: #fff !important;
}

/** Lightbox **/
.home-hero .m-hero-item .lightboxplaybutton {
    top: 0px !Important;
}

@media screen and (min-width: 1350px) {
    .lightboxcontainer {
        height: 760px !important;
    }
}

@media screen and (max-width: 540px) {
    .lightboxcontainer {
        height: 300px !important;
    }
}

.ytp-cued-thumbnail-overlay-image {
    background-size: contain !important;
}

#zoomImg4 img {
    float: right;
}

@media screen and (max-width: 420px) {
    a.c-call-to-action.f-heavyweight {
        margin-left: 12px !important;
    }
}

@media screen and (min-width: 1921px) {
    .home-hero .vidPlayPause {
        top: -3vw !important;
    }

    .zoomImg,
    .zoomImg img,
    #zoomImg7,
    #zoomImg8 {
        max-height: 534px;
    }
}

.theme-dark a.c-call-to-action.f-lightweight:hover {
    color: #9bf00b;
}

button.c-action-toggle:after {
    border: 0px solid transparent;
}


@media only screen and (min-width: 1084px) {

    .m-hero-item.f-y-bottom>div>div,
    .c-hero.f-y-bottom>div>div {
        bottom: 15%;
    }
}

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

    .fullTile.slide.fullLeftRight a.c-call-to-action.f-lightweight {
        color: #107c10 !important;
    }
}

.theme-dark a.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus) {
    outline: dashed #fff !important;
}

/* vid hero overrides */
@media screen and (max-width: 767px) {
    .videohero {
        height: 145vw;
    }
}

@media screen and (min-width: 1921px) {
    .home-hero .videohero {
        height: 720px;
    }
}

/* end vid hero overrides */
hero .home-hero .c-sequence-indicator,
.home-hero .c-action-toggle {
    background-color: rgba(0, 0, 0, 0.4) !important;
}

.c-sequence-indicator button,
.c-sequence-indicator a {
    width: 22px;
    height: 20px;
}

.c-sequence-indicator button:focus,
.c-sequence-indicator a:focus {
    outline: 2px dashed #fff !important;
    border: 2px dashed #000 !important;
}

@media (min-width: 768px) and (max-width: 800px) {
    .home-hero .m-hero-item>div>div>div {
        margin-top: 0;
    }
}

@media (min-width: 768px) and (max-width: 875px) {
    .home-hero .m-hero-item>div>div {
        top: 115% !important;
        -ms-transform: none;
        transform: none;
    }

    .home-hero #hero-1 .m-hero-item>div>div {
        top: 103% !important;
    }
}

@media (min-width: 875px) and (max-width: 1083px) {
    .home-hero .m-hero-item>div>div {
        top: 125% !important;
        -ms-transform: none;
        transform: none;
    }

    .home-hero #hero-1 .m-hero-item>div>div {
        top: 140% !important;
    }

    #hero-2 .m-hero-item>div>div {
        top: 123% !important;
    }
}

@media (min-width: 768px) and (max-width: 1083px) {
    .home-hero section {
        height: 110vw;
    }

    .home-hero .m-hero-item>div {
        overflow: visible;
    }

    .home-hero .m-hero-item.f-x-center.f-y-top>div>div {
        top: 20% !important;
    }

    .home-hero .m-hero-item>div>div {
        max-width: 1083px;
        width: 101%;
        text-align: center;
        left: 0;
        right: 0;
    }
}

@media screen and (max-width: 1083px) {
    .home-hero .vid {
        display: none;
    }

    .home-hero .image {
        display: block;
    }

    .home-hero .c-heading-1 {
        font-size: 46px;
        line-height: 46px;
    }
}

@media only screen and (max-width:767px) {
    .home-hero .m-hero-item>div>div {
        top: 36vw !important;
    }

    ul.heroList {
        height: 143vw;
    }

    ul.heroList li section.m-hero-item {
        height: inherit;
    }

    .fullLeftRight .c-badge,
    .msctL.double.slide .c-badge {
        margin-bottom: 20px;
    }

    #zoomImg6-parent .c-badge.f-small.f-highlight {
        margin-bottom: 40px !important;
    }

}

@media screen and (max-width: 350px) {
    ul.heroList {
        height: 145vw;
    }

    .home-hero .m-hero-item>div>div {
        top: 36vw !important;
    }

    .home-hero #hero-4 .m-hero-item>div>div {
        top: 36vw !important;
    }

    .home-hero .m-hero-item>div>div>div {
        padding-top: 0px;
    }

    .home-hero .m-hero-item>div>div>div>a {
        margin-top: 0px;
    }

    .home-hero #hero-2 .m-hero-item>div>div {
        top: 22vw !important;
    }
}

@media screen and (min-width: 1084px) {
    .home-hero .vid {
        display: block;
    }

    .home-hero .image {
        display: none;
    }

    .home-hero section {
        height: 36.7vw;
    }
}

@media screen and (min-width: 1921px) {
    .home-hero section {
        height: 720px;
    }
}

@media screen and (min-width: 1800px) {
    .home-hero .m-hero-item>div>div {
        max-width: 630px;
    }
}


/* gamer pic */

.iconBlade .gamerpic_icon {
    border-radius: 50%;
    padding-bottom: 3px;
    max-height: 40px;
}

@media screen and (min-width: 540px) {
    .iconBlade .gamerpic_icon {
        max-height: 70px;
    }
}

@media screen and (min-width: 768px) {
    .iconBlade .gamerpic_icon {
        max-height: 48px;
    }
}

@media screen and (min-width: 1084px) {
    .iconBlade .gamerpic_icon {
        max-height: 52px;
    }
}

.iconBlade .msame_Header_name.msame_TxtTrunc {
    display: none !important;
}

.iconBlade .msame_Header.msame_Short.msame_3row {
    height: 100%;
}

.iconBlade .msame_Header_picframe {
    margin: 0 auto;
}

.iconBlade .msame_Header_piccont {
    padding: 0px;
}

.iconBlade .msame_Header_picframe img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100%;
}

.iconBlade .msame_Header.msame_Short msame_3row {
    height: 100%;
}

@media screen and (min-width: 768px) {
    .iconBlade .msame_Header_picframe {
        height: 57px !important;
        width: 57px !important;
    }
}


/* Zoom images*/

.zoomImg {
    overflow: hidden;
}


.zoomImg img {
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    height: 100%;
    position: relative;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.zoomImg:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -moz-transform: translateX(-50%) scale(1.1);
    -webkit-transform: translateX(-50%) scale(1.1);
    transform: translateX(-50%) scale(1.1);
}

@media screen and (min-width: 1084px) {
    .fullTile section {
        height: 41.48vw;
        background-size: cover;
        /*margin: 2px 0;*/
    }

    .fullTile section.m-hero-item>div {
        left: 120px;
    }

    .fullLeftRight2.theme-black,
    .fullLeftRight2 .theme-black {
        background: transparent !important;
        margin-top: 0;
    }
}

.hp-mosaic .c-heading-3 {
    padding: 6px 0 2px;
}

.hp-mosaic {
    padding: 6px;
    position: relative;
    z-index: 5;
}
.xboxSocial {
   z-index: 3;   
}
.uhf-footer {
  z-index: 6;
}

.hp-mosaic li {
    padding: 2px;

}

/* 
moved transition animations from JS to CSS. 
When element is visible, JS adds .animate class.
*/
@media screen and (min-width: 1084px) {
    .hp-mosaic li {
        position: relative;
        transition: transform 600ms ease-in-out , opacity 600ms ease-in-out;
    }
    .hp-mosaic li.slide {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate3d(0,150px,0);
        transform: translate3d(0,150px,0);
    }
    .hp-mosaic li.animate {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

.hp-mosaic .c-image {
    max-width: 100%;
}

.hp-mosaic li.fullTile {
    width: 100%;
}

.double section,
.double .m-content-placement-item {
    margin-top: 0px;
}

.hp-mosaic .m-image-intro.f-align-bottom>div {
    left: 0px;
    bottom: 7%;
    -ms-transform: translateX(0%);
    transform: translateX(0px);
    padding-left: 5%;
    padding-right: 5%;
}

.icons {
    text-align: center;
    margin: 28px 0 35px;
}

.icons a {
    display: inline-block;
    margin-right: 3.5vw;
}


.icons a:focus {
    outline: auto;
}



.icons a:nth-child(6) {
    margin-right: 0px;
}

.icons a p span {
    color: #107c10;
    border-bottom: 3px solid transparent;
    transition: border-color .2s ease-in-out;
    -webkit-transition: border-color .2s ease-in-out;
    -moz-transition: border-color .2s ease-in-out;
}

.icons a:hover p span {
    border-bottom: 3px solid #107c10;
}

@media screen and (-ms-high-contrast:active) {
    .icons a p span {
        color: inherit;
        border-bottom: none;
    }

    .icons a:hover p span {
        border-bottom: none;
    }
}

.icons a p {
    font-weight: 600;
    font-family: SegoeProBlack;
}

@media screen and (max-width: 767px) {
    .icons {
        width: 294px;
        margin: 0 auto 31px;
    }
}

@media screen and (max-width: 539px) {
    .icons {
        width: 390px;
        margin: 0 auto 31px;
    }

    .icons a {
        margin-right: 7vw;
        margin-top: 32px;
    }

    .icons a:nth-child(3) {
        margin-right: 0px;
    }
}

@media screen and (max-width: 415px) {
    .icons {
        width: 322px;
    }

    .icons a {
        margin-right: 0vw;
    }
}

@media screen and (max-width: 320px) {
    .icons {
        width: 310px;
    }

    .icons a:nth-child(3) {
        margin-right: 25px;
    }

    .icons a>div {
        width: 100px;
    }
}

@media screen and (-ms-high-contrast:active) {

    a.c-call-to-action.f-lightweight:hover span,
    .icons a:hover p span,
    a.c-call-to-action.f-heavyweight:hover span {
        text-decoration: underline !important;
    }
}

@media screen and (max-width: 1083px) {
    .home-hero .m-hero-item>div {
        height: 52vw;
    }

    .hp-mosaic li.double .zoom {
        height: 27.74vw;
    }

    .fullTile .mobImg {
        display: block;
        max-width: 100%;
    }

    .fullTile .copy {
        padding: 16px 12px;
    }

    .hp-mosaic li.msctL,
    .hp-mosaic li.msctR {
        clear: both;
    }

    .double>div {
        padding: 40px 3vw;
    }

    .zoom {
        display: none;
    }

    .fullTile section.m-hero-item>div {
        height: 320px;
        overflow: visible;
        text-align: left;
        position: relative;
    }

    .fullTile section.m-hero-item>div div {
        right: auto;
        max-width: none;
    }

    .fullTile section.m-hero-item {
        overflow: visible;
    }
}

@media (min-width: 768px) and (max-width: 1083px) {
    .fullTile section.m-hero-item>div {
        margin-left: -25px;
        padding: 0px;
    }
}

@media (min-width: 540px) and (max-width: 1083px) {
    .fullLeftRight {
        padding: 0 !important;
        margin: 2px;
        width: 99.5% !important;
    }
}

@media (max-width: 539px) {
    .fullLeftRight {
        padding: 0 !important;
        margin: 2px;
        width: 99.2% !important;
    }
}

@media screen and (max-width: 767px) {
    .fullTile section.m-hero-item>div div {
        top: calc(50%) !important;
    }
}

@media screen and (max-width: 539px) {
    .fullTile section.m-hero-item>div {
        margin-left: 0px !important;
    }
}

@media (min-width: 1084px) and (max-width: 1399px) {
    .hp-mosaic .c-heading-3 {
        font-size: 20px;
        line-height: 28px;
    }

    .hp-mosaic .c-paragraph-1 {
        font-size: 15px;
    }

    .double {
        height: 28.1vw;
    }
}

@media (min-width: 1400px) and (max-width: 1508px) {
    .hp-mosaic .c-heading-3 {
        font-size: 20px;
        line-height: 28px;
    }
}

@media screen and (max-width: 539px) {
    .home-hero .c-heading-1 {
        font-size: 34px;
        line-height: 36px !important;
    }

    .hp-mosaic .c-heading-2 {
        font-size: 26px;
        line-height: 30px;
    }

    .hp-mosaic .c-heading-3 {
        font-size: 20px;
        line-height: 28px;
    }
}

@media screen and (max-width: 355px) {
    .home-hero .c-heading-1 {
        font-size: 20px !important;
        line-height: 24px !important;
    }
}


@media screen and (min-width: 0px) {
    .icons img {
        max-width: 90%;
    }

    .icons a>div {
        width: 100px;
        height: 40px;
    }

    .icons a>div>div {
        width: 60px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 768px) {
    .icons a>div {
        width: 99px;
        height: 56px;
    }

    .icons a>div>div {
        width: 72px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1084px) {
    .icons img {
        max-width: 100%;
    }

    .hp-mosaic li {
        width: 50%;
    }

    .hp-mosaic li.double div section,
    .hp-mosaic li.double div .m-content-placement-item {
        float: left;
        width: 50%;
        padding: 0 6%;
    }

    .hp-mosaic li.double>div picture {
        float: right;
        width: 50%;
    }

    .hp-mosaic li.double .floatR {
        float: right;
        width: 50%;
        height: 27.74vw;
    }

    .hp-mosaic li.double .floatL {
        float: left;
        width: 50%;
        height: 27.74vw;
    }

    .toutMaxHeight {
        max-height: 538px;
    }

    .hp-mosaic li.msctL {
        float: left;
    }

    .hp-mosaic li.msctR {
        float: right;
    }

    .double>div {
        height: 27.74vw;
        max-height: 534px;
    }

    .double section,
    .double .m-content-placement-item {
        position: relative;
        top: calc(50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .double .c-image {
        display: none;
    }

    .fullTile .mobImg {
        display: none;
    }

    .fullTile .copy {
        padding-right: 5%;
        max-width: 440px;
        float: right;
        top: 120px;
        top: calc(50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: relative;
    }

    .fullTile.fullTileCenterTop .copy {
        text-align: center;
        margin: 0 auto;
        float: none;
        top: 12px;
        transform: none;
    }

    .fullTile.fullTileCenterTop .fulltilelogo img {
        margin: 0 auto;
    }

    .fullTile.fullTileCenterTop p,
    .fullTile.fullTileCenterTop a {
        padding: 0;
        margin: 10px 0 0 !important;
    }

    .hp-mosaic ul li .zoom {
        background-size: 100% 100% !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
        transition: background-size 500ms ease !important;
    }

    .hp-mosaic ul li .zoom:hover {
        background-size: 120% 120% !important;
        background-position: center center !important;
    }
}

@media (min-width: 540px) and (max-width: 767px) {
    .icons {
        width: 520px;
    }

    .icons a {
        margin-top: 31px;
        margin-right: 9vw;
    }

    .icons img {
        max-width: 100%;
    }

    .icons a:nth-child(3) {
        margin-right: 0vw;
    }

    .icons a>div {
        width: 100px;
    }

    .icons a>div>div {
        width: 100%;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1400px) {
    .fullTile .copy {
        max-width: 520px;
    }
/*
    .fullLeftRight2.theme-black,
    .fullLeftRight2 .theme-black {
        margin-top: 1px;
    }
        */
}

@media screen and (min-width: 1800px) {
    .fullTile .copy {
        max-width: 630px;
    }

    .fullTile.fullTileCenterTop .copy {
        max-width: 720px;
    }
}


/* CTA hover effect */

.hp-mosaic li .c-call-to-action,
.home-hero .c-call-to-action {
    margin-top: 16px;
}

.hp-mosaic li .c-call-to-action:focus {
    border: 3px dashed #fff !important;
    outline: 3px dashed #000 !important;
    padding-left: 10px;
    padding-right: 5px;
}



.hp-mosaic li .c-call-to-action.white-c:focus {
    border: 3px dashed #fff !important;
    outline: 3px dashed #fff !important;
    padding-left: 10px;
    padding-right: 5px;
}

@media screen and (max-width: 1083px) {
    .hp-mosaic li:active .c-call-to-action {
        border: 1px solid #107c10 !important;
        padding-left: 10px;
        padding-right: 5px;
    }

    .hp-mosaic li:active .c-call-to-action.white-c {
        border: 1px solid #fff !important;
    }
}

@media screen and (min-width: 1921px) {
    .hp-mosaic {
        width: 1920px;
        margin: 0 auto;
        float: none;
    }

    .hp-mosaic .m-image-intro img {
        height: 1073px;
    }

    /* .hp-mosaic .m-image-intro img  was 1222px in TM's file*/
    .hp-mosaic .fullTile section {
        height: 805px;
    }

    /*.double>div,
     .hp-mosaic li.double .floatR,
     .hp-mosaic li.double .floatL {
      height: 534px;
     }*/
}

@media screen and (max-width: 1921px) and (min-width: 1084px) {
    .hp-mosaic .m-image-intro img {
        height: 55.7vw;
        width: 100%;
    }
}

.m-hero-item .m-ambient-video video {
    width: 100% !important;
}

li .c-heading-1,
.videohero .c-heading-1 {
    padding: 6px 0 !important;
}

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

@media screen and (max-width: 1400px) and (min-width: 1084px) {

    li .c-heading-2,
    li .c-heading-1 {
        font-size: 30px !important;
        line-height: 34px !important;
    }

    .c-subheading-1 {
        font-size: 20px;
        line-height: 24px;
    }
}

@media screen and (max-width: 1400px) and (min-width: 1200px) {
    li .c-heading-2 {
        font-size: 34px;
        line-height: 40px;
    }

    .c-subheading-1 {
        font-size: 24px;
        line-height: 30px;
    }
}




@media (max-width: 539px) {

    .c-heading-1,
    .c-heading-2,
    .c-heading-3 {
        font-size: 26px !important;
        line-height: 30px;
    }

    .c-paragraph-1,
    .c-subheading-1 {
        font-size: 15px !important;
        font-weight: 400 !important;
        line-height: 20px;
    }
}

/* POPUP SECTION */
#thepopupvideo {
    transition: all 2000ms;
    z-index: 6000000;
}

.invisible {
    visibility: hidden !important;
}

.pophidden {
    display: none !important;
}

.blackout {
    opacity: 0 !important;
    background: black !important;
}

.fadingout {
    opacity: 0 !important;
    background: transparent !important;
}

#thepopupvideo.c-dialog.f-lightbox [role="dialog"] {
    max-width: 100% !important;
    top: 0%;
    transform: translate(-50%, 0%);
    background: black !important;
}

#thepopupvideo .m-ambient-video {
    padding: 0 !important;
}

#thepopupvideo [role="presentation"] {
    background: black !important;
}

.headersee {
    position: relative;
    top: 0;
    left: 0;
    z-index: 9000000;
    width: 100%;
}

.c-dialog.f-lightbox>[role="presentation"]+.c-glyph {
    top: 56px;
}

#thepopupdialog {
    overflow-y: visible !important;
}

/**** END POPUP SECTION   */

/* sno-byrd fix */

.m-content-placement-item .c-heading,
.m-content-placement-item .c-heading-1,
.m-content-placement-item .c-heading-2,
.m-content-placement-item .c-heading-3,
.m-content-placement-item .c-heading-4 {
    font-weight: 700 !important;
}

@media (min-width: 1084px) {
    .fullTile.theme-dark {
        background-color: transparent;
    }
}

.pydFullStyle a.c-call-to-action:focus {
    border: 2px dashed #000 !Important;
    outline: 2px dashed #fff !important;
}

@media (max-width: 539px) {

    a[data-loc-link="keyLinkmos1pos1"] picture.c-image,
    a[data-loc-link="keyLinkmos1pos3"] picture.c-image,
    a[data-loc-link="keyLinkmos2pos2"] picture.c-image,
    a[data-loc-link="keyLinkmos2pos3"] picture.c-image {
        max-height: 64vw !important;
        overflow: hidden !important;
    }

    h2[data-loc-copy="keyCopymos1pos1headline"],
    h2[data-loc-copy="keyCopymos1pos3headline"],
    h2[data-loc-copy="keyCopymos2pos2headline"],
    h2[data-loc-copy="keyCopymos2pos3headline"] {
        margin-top: 20px;
    }

    a[data-loc-cta="keyCtamos1pos1"],
    a[data-loc-cta="keyCtamos1pos3"],
    a[data-loc-cta="keyCtamos2pos2"],
    a[data-loc-cta="keyCtamos2pos3"] {
        margin-bottom: 20px;
    }

    .hp-mosaic li:nth-child(1) strong,
    .hp-mosaic li:nth-child(3) strong,
    .hp-mosaic li:nth-child(7) strong,
    .hp-mosaic li:nth-child(8) strong {
        position: relative;
        top: 20px;
    }
}


.herovideo.m-ambient-video.pp-button>div {
    left: 0;
    bottom: 0;
    width: 36px !important;
    top: auto !important;
    transform: none !important;
}

@media screen and (min-width: 1920px) {
    .fullTile.fullLeftRight:not(.fullLeftRight2) .vidPlayPause {
        left: -1898px !important;
        top: 350px !important;
    }
}



.c-group>a.c-call-to-action~.f-lightweight {
    padding-left: 24px !important;
}

/* ko-KR Footer */
@media screen and (max-width: 1083px) {
    .kr-contact {
        padding: 0 20px;
    }
}


@media only screen and (min-width: 1084px) and (max-width:1335px) {
    .m-hero-item.context-accessory>div>div>div {
        width: 700px !important;
    }
}

.theme-green a.white-c:hover {
    color: #fff !important;
}

.theme-green.theme-dark a.f-lightweight:hover {
    color: #fff;
}

@media only screen and (min-width: 768px) and (max-width:950px) {
    .hp-mosaic h2 {
        font-size: 34px;
        line-height: 40px;
    }
}

@media only screen and (min-width: 1084px) and (max-width: 1335px) {
    .m-hero-item.context-accessory>div>div>div {
        max-width: 500px;
    }
}


.f-lightweight+.f-lightweight {
    color: #9bf00b !important;
    background-color: transparent !important;
}

.fullTile a:nth-of-type(2) {
    color: #fff !important;
}

@media only screen and (max-width: 350px) {
    .fullTile .c-group {
        width: 242px;
    }
}