@media only screen and (max-width : 600px) {
    #navbar ul {
        padding-left: 2rem;
    }

    .navbar_bg {
        background-size: cover;
        background-position: right;
        position: static;
    }

    body {
        text-align: justify;
    }

    .card-content {
        padding: 1.5rem;
    }

    .card-img-container {
        min-height: 200px;
    }


    .container {
        max-width: 1000px;
    }


    footer>div>div {
        margin-left: 12rem !important;

    }

    footer>div>section {
        margin-left: 7rem !important;
        text-align: center;
    }

}