@media screen and (max-width: 767px) {
    figure{
        margin: 0;
    }

    .navbar{
        background-color: rgba(64, 34, 15, 1);
    }

    .navbar-dark .navbar-toggler{
        border-color: rgba(0, 0, 0, 0);
    }

    .main-v{
        padding: 55px 0;
    }

    .about,.ages{
        margin: 50px 0;
    }

    .about .col-md-6{
        margin: 0;
    }

    .about .col-md-6 h4{
        margin-top: 30px;
    }

    .about p,.ages-text p,.item-text p{
        line-height: 1.5em;
    }

    .bnr{
        margin-bottom: 50px;
    }

    .point-title h2 span{
        display: block;
        margin: 0;
    }

    .point-content-1 p,.item .col-md-5{
        margin-top: 20px;
    }

    .point-content-2,.point-content-4{
        margin-top: 50px;
    }

    .point-content-2 li,.point4-l,.point4-r,.ages-title{
        width: 100%;
    }

    .point3-text,.point4-text{
        flex-direction: column;
    }

    .point3-text figure{
        text-align: center;
    }

    .point3-text img{
        width: 80%;
    }

    .point4-l img{
        margin-bottom: 0;
    }

    .ages-content{
        display: flex;
        flex-direction: column;
    }

    .ages-content figure{
        width: 70%;
        margin: 30px 0;
    }

    .ages-text{
        width: 100%;
        margin-left: 0;
    }

    .howtoeat-content{
        flex-direction: column-reverse;
    }

    .howtoeat-text{
        width: 100%;
    }

    .howtoeat-content figure{
        width: 100%;
        margin-bottom: 10px;
    }

    /* contact */
    .contact-text{
        text-align: left;
    }

    .offset-2,.offset-1{
        margin: 0;
    }

    .pripoli{
        margin-top: 20px;
    }
}