*{margin: 0;padding: 0; font-family: 'Roboto', sans-serif; box-sizing: border-box; }
html { -webkit-font-smoothing: antialiased; scroll-behavior: smooth; }
body{background-image: url("../images/bg.png"); background-repeat: no-repeat; background-color: #030217;}
body a:link{text-decoration: none;}
.center-div{margin: 50px auto; text-align: center;}
.logo-div{margin: 50px auto; text-align: center;}

/*.poster-img{}*/
.poster-img img{width: 100%;}
.title{font-size: 20px; color: #ffffff; text-align: left; padding-bottom: 20px;}
.rating{position: absolute; right: 20px; top: 3px;}
.text{font-size: 27px; font-weight: 500; color: #53AADD; text-align: center; padding: 50px 0;}
.posters{padding-bottom:50px ;}
.download{text-align: center;}
.safe{text-align: center; margin: 45px 0;}
.step-bg{background-color: rgba(61, 57, 135, 0.7);}
.steps{text-align: center; margin: 0 auto;}
footer{background-color: #15212B;}
.footer-link{color: #D14B8A; font-size: 25px; padding: 10px; text-align: center; width: 100%; font-weight: 100;}
footer a{color: #D14B8A; font-size: 25px;}
footer a:hover{color: #D14B8A; font-size: 25px; text-decoration: none;}
.line{padding: 0 50px;}
.video-width{width: 500px;}
.step-img-bg{background: url("../images/step-bg.png") center repeat-y;}

@media (max-width:576px){
    .down-img img{width: 80%; padding: 20px;}
    .footer-link{padding: 5px; font-size: 10px;}
    .line{padding: 0 10px; font-size: 10px;}
    footer a{font-size: 13px;}
    footer a:hover{ font-size: 13px; text-decoration: none;}
    .steps img{width: 100%; padding: 20px 0;}
    .logo-div img{width: 100%;}
    .video-width{width: 100%;}
}
@media (max-width:820px) and (min-width:576px){
    .down-img img{width: 80%;}
    footer a{color: #D14B8A; font-size: 20px;}
    footer a:hover{color: #D14B8A; font-size: 20px; text-decoration: none;}
    .line{padding: 0 25px;}
}