footer{background-color:#262626;font-family:'acumin-pro-condensed',sans-serif;color:#fff;padding-bottom:150px}
.topBarFooter{margin:0 auto;max-width:900px;position:relative;text-align:center}
.whiteBoxBG,.whiteBoxBGNonContainer{background-color:#fff;height:60px;position:relative;width:100%}
.whiteBoxBG::before{background-image:url(../assets/footer/triangle.png);background-repeat:no-repeat;background-size:100%;content:'';height:75px;right:-22px;overflow:hidden;position:absolute;top:0;width:22px}
.whiteBoxBGNonContainer{position:absolute}
.whiteBoxBG p{color:#262626;left:50%;position:absolute;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);text-shadow:none}
.connect, .footer-signup-btn{font-size:15px}
.socialGroup,.newsletterGroup{display:inline-block;margin:0 auto;max-width:320px;text-align:center;width:95%}
.socialIcons{width:100%}
.socialIcons li{display:inline-block;margin:25px 1.68% 25px 0;max-width:40px;width:18%}
.socialIcons li:last-child{margin-right:0}
.socialIcons li img{width:100%}
.newsletterButton{background-color:#FFF;display:inline-block;color:#000;cursor:pointer;margin:20px auto 0;max-width:275px;padding:15px 0;text-align:center;text-transform:uppercase;width:100%}
.logosGroup{margin:0 auto;max-width:1250px;padding:25px 0;position:relative;text-align:center}
.logosGroup img{margin:10px}
.logosGroup .segaLogo{height:50px}
.logosGroup .pStudio{height:90px}
.logosGroup .ratingsIcon{height:88px}
.logosGroup .esrbCert{height:88px}
.copy{font-size:12px;margin:0 auto;max-width:900px;padding-bottom:15px;text-align:center;width:95%}
.policyGroup,.policyGroup a{text-align:center;font-size:10px;line-height:1.85;padding:15px 0;width:90%;max-width:1000px;margin:0 auto}
.policyGroup{padding:0 0 8px}
.policyGroup a{margin:0 10px;padding:0;text-transform:uppercase;font-size:16px}
img.systemLogo{max-height:35px;max-width:100%}
footer .signup { 
    margin: 0 auto;
    max-width: 32rem;
    text-align: center;
}
.footer-signup-btn{
    background-color: #fff;
    color: #242424;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin: 1rem auto 0;
    max-width: 27.5rem;
    padding: 1.5rem 1.05rem;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

@media screen and (min-width: 500px) {
.logosGroup{padding:15px 0}
}
@media screen and (min-width: 640px) {
.whiteBoxBG,.whiteBoxBGNonContainer{display:inline-block;height:75px;right:60%}
.whiteBoxBG p{left:auto;right:0;transform:translate(-30%,-50%)}
.socialGroup{left:48%;position:absolute;top:15px}
.socialIcons li{margin-top:0}
}
@media screen and (min-width: 768px) {
.whiteBoxBG,.whiteBoxBGNonContainer{right:70%}
.socialGroup{left:33%;top:15px}
.socialIcons li{max-width:45px}
.newsletterGroup{height:45px;left:72%;position:absolute;top:15px;width:26%}
.newsletterButton{margin:0 auto;padding:10.5px 0;width:100%}
}
@media only screen and (min-width: 56.25em) {
footer .signup {
    height: 4.5rem;
    left: 72%;
    position: absolute;
    top: 0.5rem;
    width: 26%;
}
.footer__newsletterButton {
    margin:0 auto;
    padding: 1.05rem 0;
    width: 100%
}
}