@media only screen and (max-width: 1000px) {
.container{
    .menu{
        width: 50%;
    }
    .row{
        width: 50%;
    }
}

}
@media only screen and (max-width: 1000px) {
    .img-fluid{
        width: 50%;
        object-fit: cover;

    }
}

@media only screen and (max-width: 1000px) {
    .card{
        width: 50%;
    }
}


@media only screen and (max-width: 750px) {
    .container{
        .menu{
          width: 80%;
        }
        .row{
            width: 80%;
        }
    }

}
@media only screen and (max-width: 750px) {
        .img-fluid{
            width: 80%;
            object-fit: cover;

        }
    }

@media only screen and (max-width: 750px) {
    .card{
        width: 80%;
    }
}




@media only screen and (max-width: 450px) {
    .container{
        .menu{
            width: 100%;
        }
        .row{
            width: 100%;
        }
    }

}
@media only screen and (max-width: 450px) {
    .img-fluid{
        width: 100%;
        object-fit: cover;

    }
}

@media only screen and (max-width: 450px) {
    .container{
        width: 70%;
    }
    .card{
        width: 100%;
    }
}