@media (max-width: 1240px) {
    .raketa {
        max-width: 446px;
        max-height: 451px;
    }
    .qwallet  {
        max-width: 834px;
        max-height: 750px;
    }
}

@media (max-width: 1000px) {
    .mobilka {
        /*display: none;*/
        width: auto !important;
    }
    #qwallet {
        display: none;
    }
    #raketa {
        display: none;
    }
}

@media (max-width: 767px) {
    #QR {
        display: none;
    }
    #moon_man {
        display: none;
    }
    #footer_logos {
        /*margin-top: 75px*/
    }
    /*.prefoot {*/
    /*    height: 970px !important*/
    /*}*/
    .mobilka {
        /*display: none;*/
        width: 95% !important;
    }
    #mobilka-img {
        height: 220px !important;
    }
    #mia-text {
        color: black !important;
    }
}

@media (max-width: 463px) {
    .bgg {
        background: -webkit-linear-gradient(80deg, #fff 33%, rgba(0, 0, 0, 0) 33%), -webkit-linear-gradient(90deg, #fff 66%, #fff 66%) !important;
    }
    /*.prefoot {*/
    /*    height: 920px !important*/
    /*}*/
    #qwallet_logo {
        margin-top: 20px !important;
    }
}

@media (max-width: 396px){
    .text_actions {
        font-size: 70%;
    }

}

@media (max-width: 315px){
    #mobilka-img {
        height: 160px !important;
    }
}

/*@media (max-width: 390px){*/
/*    #action_1 {*/
/*        max-width: 45px;*/
/*        max-height: 70px;*/
/*    }*/
/*    #action_2 {*/
/*        max-width: 57px;*/
/*        max-height: 70px;*/
/*    }*/
/*    #action_3 {*/
/*        max-width: 54px;*/
/*        max-height: 70px;*/
/*    }*/
/*    #action_4 {*/
/*        max-width: 60px;*/
/*        max-height: 70px;*/
/*    }*/
/*}*/

a:hover {
    color: #72839c;
}

.text_actions {
    font-weight: bold;
    text-align: center;
}

#footer_logos {
    /*margin-top: 150px;*/
}

header {
    position: relative;
    height: 900px;
    overflow: hidden;
}

.header__bg {
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(190deg, #1f2b5d, #3d65a0);
    transform: skewY(-18deg);
    transform-origin: top left;
}

.header__bg_under {
    position: absolute;
    z-index: -2;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 90%;
    background-image: linear-gradient(#f55200, #ff8c00);
    transform: skewY(9deg);
    transform-origin: bottom right;
}

.prefoot {
    margin-top: 60px;
    height: 1290px;
}

.bgg {
    height: 100%;
    background: -webkit-linear-gradient(80deg, #fff 33%, rgba(0, 0, 0, 0) 33%), -webkit-linear-gradient(90deg, #f55200 66%, #fff 66%)
}

h1 {
    margin: 0;
    font: 44px "Arial";
}

.cash_header{
    margin-top: 50px;
}

header h1 {
    font-size: 70px;
    font-weight: bold;
    color: white;
}

.qiwi_logo  {
    margin-top: 85px;
    height: 98px;
    width: 206px;
}

.mobilka  {
    margin-top: 90px;
    z-index: +1;
    height: 887px;
    width: 834px;
}

#mobilka-img {
    height: 700px;
}

.qwallet  {
    height: 625px;
    width: 834px;
}

.raketa  {
    height: 590px;
    /*width: 651px;*/
}

img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.button {
    background-color: #ff8c00;
    color: white;
    font-weight: bold;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-size: 1.5em;
}

.pas {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    align-self: center;
    width: 200px;
    height: 200px;
    margin-bottom: 50px;
    margin-top: 50px;
    /*margin-left: 50px;*/
    border: solid #f2f2f2 1px;
    border-radius: 10px;
    box-shadow: #f2f2f2 0px 0px 8px;
}

.actions{
    width: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    align-self: center;
}

#pas1 {
    width: 85px;
    height: 80px;
    background: url("../img/icons_pas.png") 0 0;
}
#pas2 {
    width: 66px;
    height: 80px;
    background: url("../img/icons_pas.png") -86px 0;
}
#pas3 {
    width: 96px;
    height: 80px;
    background: url("../img/icons_pas.png") -153px 0;
}
#pas4 {
    width: 63px;
    height: 80px;
    background: url("../img/icons_pas.png") -249px 0;
}

#mia-text {
    color: white
}

.feature {
    display: flex;
    /*justify-content: center;*/
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: row;
    align-self: center;
    margin-top: 25px;
}

.feature_text {
    font-size: 140%;
    color: #6c7683;
    margin-left: 20px;
}

#feature1 {
    width: 76px;
    height: 80px;
    background: url("../img/icons_babki.png") 0 0;
}

#feature2 {
    width: 70px;
    height: 70px;
    background: url("../img/icons_babki.png") -77px 0;
}

#feature3 {
    width: 76px;
    height: 85px;
    background: url("../img/icons_babki.png") -150px 0;
}

#support  {
    height: 76px;
    width: 80px;
}

#bt1 {
    width: 200px;
    height: 80px;
    margin-top: 40px;
}

#bt2 {
    width: 350px;
    height: 80px;
    margin-bottom: 40px;
}

.action{
    display: flex;
    justify-content: center;
    align-self: center;
}

#action_1 {
    width: 71px;
    height: 85px;
    background: url("../img/icons_actions.png") 0 0;
}
#action_2 {
    width: 84px;
    height: 85px;
    background: url("../img/icons_actions.png") -72px 0;
}
#action_3 {
    width: 83px;
    height: 85px;
    background: url("../img/icons_actions.png") -157px 0;
}

.footer {
    border-top: #f2f2f2 solid 1px;
    border-bottom: #f2f2f2 solid 1px;
    margin-bottom: 150px;
}

#qwallet_logo {
    /*padding-top: 140px;*/
    margin-top: 120px;
    max-width: 300px;
    /*width: 370px;*/
    /*height: 224px;*/
}

#QR {
    max-width: 300px;
    margin-top: 20px;

    /*width: 293px;*/
    /*height: 380px;*/
}

#moon_man {
    max-width: 300px;
    /*width: 500px;*/
    /*height: 625px;*/
}


/*============================*/

/*header {*/
/*    position: relative;*/
/*    height: 700px;*/
/*    background-image: linear-gradient(#2d3540, #72839c);*/
/*}*/

/*h1 {*/
/*    padding: 100px 0;*/
/*    font: 44px "Arial";*/
/*    text-align: center;*/
/*}*/

/*header h1 {*/
/*    color: white;*/
/*}*/

/*svg {*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    width: 100%;*/
/*    height: 10vw;*/
/*    !* set height to pixels if you want angle to change with screen width *!*/
/*}*/

/*============================*/

/*header {*/

/*}*/

/*.header__bg {*/
/*    !*!*position: relative;*!*!*/
/*    !*position: absolute;*!*/
/*    !*z-index: -1;*!*/
/*    !*top: 0;*!*/
/*    !*bottom: 0;*!*/
/*    !*right: 0;*!*/
/*    !*left: 0;*!*/
/*    !*width: 100%;*!*/
/*    !*height: 600px;*!*/
/*    background-image: linear-gradient(#2d3540, #72839c);*/
/*    !*transform: skewY(-15deg);*!*/
/*    !*transform-origin: top left;*!*/
/*    clip-path: polygon(*/
/*            0 0,*/
/*            100% 0,*/
/*            100% calc(600px - 17vw),*/
/*            0 600px*/
/*    );*/
/*}*/

/*.header__bg_under {*/
/*    !*position: relative;*!*/
/*    position: absolute;*/
/*    z-index: -2;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    right: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 600px;*/
/*    background-image: linear-gradient(#ff6126, #ff9d2f);*/
/*    clip-path: polygon(*/
/*            0 0,*/
/*            100% 0,*/
/*            100% 600px,*/
/*            0 calc(600px - 19vw)*/
/*    );*/
/*    !* change the calc height to a percentage height to get alternate responsive behavior*!*/
/*}*/

/*h1 {*/
/*    margin: 0;*/
/*    padding: 100px 0;*/
/*    font: 44px "Arial";*/
/*    color: white;*/
/*    text-align: center;*/
/*}*/

/*section {*/
/*    margin-top: -5vw;*/
/*    background-image: linear-gradient(135deg, #777, #111);*/
/*}*/