#shirma{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: #2981a3;
    z-index: 999999;
    align-items: center;
    justify-content: center;
     display: none;
    color: #fff;
    font-family: 'Lora';
    padding: 2rem;
    text-align: center;
    line-height: 1.5;
    text-transform: uppercase;
}

@media (max-width: 900px){
    .scrollBg{
        background-size: contain;
    }
    .Character{
        height: 90vh;
        left: -40px;
        bottom: 5vh;
    }

    .character{
        height: 90vh;
        top: 5vh;
    }

    .head,
    .body,
    .leg-left,
    .leg-right,
    .hand-left,
    .hand-right,
    .character:after{
        background-repeat:no-repeat !important;
        background-size: contain !important;
    }

    .character--flip{
        left: 90px;
    }
    .head{
        top:-20px;
        left:99px;
        height:78px;
    }
    .head--flip{
        left: 75px !important;
        top: -30px !important;
    }

    .body{
        top:32px;
        left:90px;
        height:300px;
    }
    /*.body--flip{*/

    /*}*/

    .leg-left,
    .leg-right{
        top:285px;
        left:110px;
        height:55px;
        -webkit-transform-origin:5px -50px;
        transform-origin:5px -50px;
    }

    .hand-left,
    .hand-right{
        top:65px;
        left:105px;
        height:180px;
        -webkit-transform-origin:33px 17px;
        transform-origin:15px 17px;
    }
    .character:after{
        left: 75px;
        width: 130px;
    }


    .characterTuda{
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        height: 90vh;
    }
    .characterTuda:after{
        left: 115px;
        width: 85px;
        height: 29px;
        background-size: contain;
        bottom: -12px;
    }

    .characterFull{
        height: 90vh;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .burLangBubble{
        top: 20vh;
        left: 50px;
        width: 210px;
        height: fit-content;
        padding: 15px;
        border-radius: 10px;
    }
    .burLangBubble:before{
        left: 70px;
    }

    .slide__content{
        max-width: 600px;
    }
    .slide__title{
        font-size: 30px;
    }
    .nav{
        bottom: 20px;
        background: rgba(0,0,0,.3);
        padding: 5px;
        width: auto;
        border-radius: 100px;
        right: 20vw;
        left: auto;
    }
    .langs{
        bottom: 20px;
        background: rgba(0,0,0,.3);
        padding: 8px;
        border-radius: 5px;
        top:auto;
    }
    .lang--ru{
        margin-left: 0;
    }

    .slide__img {
        transform: scale(.75);
        margin: -30px;
    }
}

@media (max-width: 500px){
    #shirma{
        display: flex;
    }
}