*{margin: 0;padding: 0; font-family: 'Roboto', sans-serif; box-sizing: border-box; }
html { -webkit-font-smoothing: antialiased; scroll-behavior: smooth; }
body{background: #04131E;}
body a:link{text-decoration: none;}
.bg-01{background: url(../images/bg-top-right.png) no-repeat; width: 804px; height: 949px; position: absolute; z-index: 0; top: 0; right: 0;}
.bg-02{background: url(../images/bg-left-btm.png) no-repeat; width: 774px; height: 949px; position: absolute; z-index: 0; left: 0;}
.center-div{margin: 50px auto; text-align: center;}
.logo-div{margin: 50px auto; text-align: center;}
/*.poster-img{padding-bottom: 20px;}*/
.poster-img img{width: 100%;}
.title{font-size: 20px; color: #ffffff; text-align: left; padding: 5px 0 20px;}
.rating{position: absolute; right: 20px; top: 3px;}
.text{font-size: 27px; font-weight: 500; color: #FFFFFF; text-align: center; padding: 50px 0;}
.posters{margin-bottom:50px ;}
.download{text-align: right;}
.safe{text-align: left;}
.step-bg{background-color: rgba(61, 57, 135, 0.7);}
.steps{text-align: center; margin: 0 auto;}
footer{background-image:linear-gradient(#EBEBEB, #FFFFFF);}
.footer-link{color: #EB3C3D; font-size: 25px; padding: 28px 0; text-align: center; width: 100%; font-weight: 100;}
footer a{color: #EB3C3D; font-size: 25px;}
footer a:hover{color: #EB3C3D; font-size: 25px; text-decoration: none;}
.line{padding: 0 50px;}
.gray-bg{background: #1F78C4; margin: 30px 0 0;}
.gray-bg-02{background: #111111; margin: 30px 0 0;}
.video-width{width: 500px;}
.step-img-bg{background: url("../images/step-bg.png") center repeat-y;}

@media (max-width:576px){
    .down-img img{width: 70%;}
    .footer-link{padding: 5px; font-size: 13px;}
    .line{padding: 0 10px; font-size: 13px;}
    footer a{font-size: 13px;}
    footer a:hover{ font-size: 13px; text-decoration: none;}

    .logo-div img{width: 70%;}
    .center-div img{width: 60%;}
    .download{text-align: center; padding-bottom: 20px;}
    .safe{text-align: center;}
    .posters{margin-bottom:20px ;}
    .bg-01{ width:100%}
    .bg-02{width: 100%;}
    .video-width{width: 100%;}
    .rating{right: 15px;}
    .rating img{width: 70%;}
    .steps img{width: 100%; padding: 20px 0;}
}
@media (max-width:820px) and (min-width:576px){
    .down-img img{width: 70%;}
    footer a{color: #EB3C3D; font-size: 20px;}
    footer a:hover{color: #EB3C3D; font-size: 20px; text-decoration: none;}
    .line{padding: 0 25px;}
}