/* ================= BASE ================= */

body {
    font-family: "Cairo", sans-serif;
    background-color: #f2f6f9;
    color: #333;
}

a {
    text-decoration: none;
}

.alert {
    border-radius: 10px;
}

/* ================= GLOBAL RESPONSIVE ================= */

@media (max-width: 768px) {

    nav {
        flex-direction: column;
        align-items: flex-start;
    }

    nav a {
        margin-bottom: 8px;
    }

    #hedtxt {
        font-size: 16px;
    }

}