@media all and (max-width: 1800px) {
    #middle-block picture {
        max-width: 500px;
    }
    #middle-block .middle-block-left {
        margin-right: 3.3em;
    }
    #middle-block > span {
        font-size: 160px;
    }
}
@media all and (max-width: 1280px) {
    #middle-block > span {
        font-size: 120px;
    }
    #middle-block picture {
        max-width: 350px;
    }
    #middle-block .middle-block-right {
        margin-left: -130px;
        margin-right: -30px;
    }
}
@media all and (max-width: 1024px) {
    #middle-block {
        flex-direction: column;
        align-items: center;
        top: 50%;
        padding-top: 150px;
    }
    #middle-block picture {
        max-width: none;
        width: 530px;
        top: -300px;
        right: -5%;
    }
    #middle-block .middle-block-left {
        margin-right: 0;
        margin-left: 0;
    }
    #middle-block .middle-block-right {
        margin-left: -70px;
        margin-right: 0;
        line-height: 1;
        margin-top: -60px;
    }
}
@media all and (max-width: 768px) {
    #middle-block {
        padding-top: 150px;
    }
    #middle-block picture {
        max-width: none;
        width: 500px;
        top: -260px;
        left: calc(45vw);
    }
    #middle-block > span {
        font-size: 100px;
    }
    #bottom-block {
        width: calc(100% - 60px);
        padding: 30px;
        text-align: center;
    }
    #bottom-block-left, #bottom-block-right{
        float: unset;
    }
}
@media all and (max-width: 480px){
    #top-left-block {
        top: 30px;
        left: 30px;
    }
    #top-left-block .top-left-text {
        font-size: 21px;
    }
    #bottom-block-left, #bottom-block-right{
        font-size: 21px;
    }
}