/* Common styles for both max-width: 991px and max-width: 767px */

/* Custom CSS */
section {
    padding: 30px 0;
}

h2 {
    font-size: 30px;
    line-height: 40px;
}

h3 {
    font-size: 20px;
}

/* Navbar */
.header-scrolled {
    height: auto;
}

.header_wrapper .menu-navbar-nav {
    text-align: center;
}

.header_wrapper .nav-item .nav-link {
    margin-top: 15px;
}

/* About */
.about_wrapper ul.nav-pills {
    margin: auto;
}

/* Portfolio */
.portfolio_wrapper .card {
    min-height: 400px;
}

/* Media query for max-width: 991px */
@media (max-width: 991px) {
    /* Banner */
    .banner_wrapper {
        padding: 200px 0;
    }

    /* About */
    .about_wrapper ul.nav-pills {
        width: 61%;
    }
}

/* Media query for max-width: 767px */
@media (max-width: 767px) {
    /* Custom CSS */
    h1 {
        font-size: 40px;
        line-height: 48px;
    }

    h2 {
        font-size: 25px;
    }

    p {
        font-size: 13px;
        line-height: 24px;
    }

    /* About */
    .about_wrapper ul.nav-pills {
        width: 100%;
        border: 0;
    }

    .about_wrapper ul li .nav-link {
        font-size: 13px;
    }

    /* Portfolio */
    .portfolio_wrapper .card {
        min-height: 500px;
    }
}