/* Tablet (≥ 576px) */
@media (min-width: 576px) {
    .navbar-nav .nav-link {
        font-size: 16px;
    }

    h1 {
        font-size: 28px;
    }

    p {
        font-size: 15px;
    }
}

/* mobile */
@media (max-width: 575.98px) {
    .navbar-nav .nav-link {
        font-size: 14px;
    }

    h1 {
        font-size: 22px;
    }

    p {
        font-size: 13px;
    }
    .secondary-navbar {
        font-size: 12px;
    }
    section {
        padding: 30px 0;
    }
    section.home-banner {
        padding: 30px 0;
        min-height: 100vh;
    }
    img.bg-girl {
        margin: 0;
        right: 0;
    }
    footer#footer {
        padding: 20px 0;
    }
    .footer-bottom-text p {
        text-align: center;
    }
    li.nav-item {
        padding: 10px;
        background: #fff;
        margin-bottom: 3px;
    }
}

/* Medium Devices (≥ 768px) */
@media (min-width: 768px) {
    .navbar {
        flex-direction: row;
        padding: 10px;
    }
}

/* Large Devices (≥ 992px) */
@media (min-width: 992px) {
    .navbar-nav .nav-link {
        font-size: 18px;
    }

    .navbar .nav-link.add-card-mobile {
        display: none; /* hide on large screens */
    }
}

/* Extra Large Devices (≥ 1200px) */
@media (min-width: 1200px) {
    .navbar {
        padding: 15px;
    }
}