.my-misfit-banner{background-size:cover;background-position:center;background-repeat:no-repeat;font-size:0}.my-misfit-banner a{width:100%;height:100%;position:absolute}.my-misfit-banner .banner-content{text-align:center;color:#fff;width:100%;padding-top:3%}.my-misfit-banner .banner-content .logo-img{width:160px;margin:10px auto;padding-left:5px}.my-misfit-banner .banner-content p{line-height:1.3;font-size:9px;margin-bottom:0}.my-misfit-banner .banner-content .step-outside-wrapper{background:rgba(0,0,0,.74);width:215px;padding:13px;margin:auto}.my-misfit-banner .banner-content .step-outside-wrapper p{line-height:1.5}.my-misfit-banner .banner-content .shop-now-btn{background:#fff;color:#444;border:none;padding:7px 15px 6px;font-size:9px;display:inline-block;margin-top:10px;transition:all .2s}.my-misfit-banner .banner-content .shop-now-btn:hover{background-color:#505156;color:#fff}.my-misfit-banner .banner-content .shop-now-btn img{margin-right:3px;display:inline-block}@media screen and (min-width:414px){.my-misfit-banner{background-position:82% 50%}}@media screen and (min-width:640px){.my-misfit-banner .banner-content .logo-img{width:170px}.my-misfit-banner .banner-content .shop-now-btn,.my-misfit-banner .banner-content p{font-size:10px}}@media screen and (min-width:660px){.my-misfit-banner{background-position:92% 50%}.my-misfit-banner .banner-content{padding-top:4%}.my-misfit-banner .banner-content .logo-img{width:210px;margin:15px auto}.my-misfit-banner .banner-content p{font-size:11px}.my-misfit-banner .banner-content .step-outside-wrapper{width:230px;padding:15px}.my-misfit-banner .banner-content .shop-now-btn{font-size:11px;padding:9px 15px 8px}}@media screen and (min-width:768px){.my-misfit-banner{background-position:center}}@media screen and (min-width:860px){.my-misfit-banner .banner-content .logo-img{width:300px;margin:20px auto;padding-left:10px}.my-misfit-banner .banner-content p{font-size:12px}.my-misfit-banner .banner-content .step-outside-wrapper{width:270px;padding:25px;margin-top:30px}.my-misfit-banner .banner-content .shop-now-btn{font-size:12px;margin-top:15px}}@media screen and (min-width:1260px){.my-misfit-banner .banner-content .shop-now-btn,.my-misfit-banner .banner-content p{font-size:14px}.my-misfit-banner .banner-content .logo-img{width:360px;padding-left:15px}.my-misfit-banner .banner-content .step-outside-wrapper{width:290px}}@media screen and (min-width:1460px){.my-misfit-banner .banner-content .logo-img{width:380px}}@media screen and (min-width:1700px){.my-misfit-banner{background-size:contain;background-color:#ddd}}@media screen and (min-width:3000px){.my-misfit-banner .banner-content .step-outside-wrapper{width:350px}}