@media only screen and (max-width: 1100px) {
    .bekker-comp-block{
        top: -20vh;
    }
    .b-2-text{
        width: 100%;
        margin-top: -15vh;
    }
    .mobile-menu{
        display: flex;
    }
    .bekker-header-top{
        display: none;
    }
    .mobile-logo{
        display: block;
        width: 42px;
        margin: 25px 5%;
    }
    .rm-logo{
        display: block;
        width: 42px;
        margin: 10px auto;
    }
    .rm-menu-ul{
        list-style: none;
    }
    .rm-menu-ul{
        display: flex;
        list-style: none;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-direction: column;
        padding: 0;
    }
    .rm-menu-ul li{
        margin-bottom: 10px;
    }
    .rm-menu-ul li a{
        text-transform: uppercase;
        font-size: 13px;
        color: #000000;
        font-family: 'DT-Roboto-Medium';
        text-decoration: none;
        margin-bottom: 10px;
        border-bottom: 1px dashed #000000;
    }
    .rm-menu-ul li:last-child a{
        color: #f19934;
        border-bottom: 1px dashed #f19934;
    }
    .b-b4-sausages{
        left: 10%;
    }
    .bekker-about p{
        width: 70%;
    }
    .b-b4-last{
        width: 60%;
    }
    .bekker .start-wrapper h2{
        margin-top: 80px;
    }
    .bekker-logo{
        margin:calc(20vh + 80px) auto;
    }
}
@media only screen and (max-width: 600px) {
    .bekker-comp-img{
        width: 100%;
    }
    .bekker-veg{
        width: 60%;
        left: -5%;
    }
    .bekker-pelmen{
        width: 70px;
        left: 7%;
    }
    .bekker-manti{
        width: 70px;
        right: -10%;
    }
    .bekker-img{
        width: 80%;
    }
    .bekker-img-box{
        flex-direction: column;
        align-items: center;
    }
    .food-type{
        width: initial;
        margin: 0 auto;
        display: block;
    }
    .bekker-about p{
        width: 100%;
    }
    .b-b3-image{
        width: 90%;
        margin: 20px auto;
        box-shadow: 0px 0px 10px #000;
    }
    .b-b3-about{
        width: 90%;
        position: initial;
        margin: 20px auto;
        display: block;
        box-shadow: 0px 0px 10px #000;
    }
    .b-b3-history{
        width: 90%;
        position: initial;
        margin: 20px auto;
        display: block;
        margin: 20px auto;
        box-shadow: 0px 0px 10px #000;
    }
    .b-b3-mobile-1{
        width: 55%;
        display: block;
        margin: 0 auto;
        position: initial;
        margin: 20px auto;
        box-shadow: 0px 0px 10px #000;
    }
    .b-b3-mobile-2{
        width: 55%;
        display: block;
        margin: 0 auto;
        position: initial;
        margin: 20px auto;
        box-shadow: 0px 0px 10px #000;
    }


    .b-b4-fish{
        width: 80%;
        margin-top: -15%;
    }
    .b-b4-sausages{
        width: 20%;
        left: 0px;
    }
    .b-b4-burger{
        width: 20%;
        right: 0;
    }
    .b-b4-ukrainen{
        width: 35%;
        left: -15%;
    }
    .b-b4-stake{
        top: 50%;
        width: 38%;
        right: -15%;
    }
    .b-b4-last{
        width: 80%;
    }
    .b-b4-salat{
        width: 20%;
    }
    .bekker-b4{
        padding-bottom: 100px;
    }
    .bekker-spoon{
        right: -15%;
        width: 100px;
    }
}