html body {
    font-family: 'Arial', 'Tahoma', 'Helvetica', sans-serif;
}

footer {
    background: rgb(72, 87, 133);
}

@media (min-width: 1401px) {
    body, h5, h6 {
        font-size: 1.5em; !IMPORTANT;
    }
    h1 {
        font-size: 3.0em; !IMPORTANT;
    }
    h2 {
        font-size: 2.7em; !IMPORTANT;
    }
    h3 {
        font-size: 2.4em; !IMPORTANT;
    }
    h4 {
        font-size: 2.1em; !IMPORTANT;
    }
}

@media (min-width: 1401px) {
    .btn-outline-light {
        font-size: 2.0em !IMPORTANT;
        border-radius: 5px;
        box-shadow: 10px 12px 7px rgba(0,0,0,.5),-5px -5px 10px rgba(255,255,255,.1) !IMPORTANT;
    }
}
@media (max-width: 1400px) {
    .btn-outline-light {
        font-size: 1.0em !IMPORTANT;
        border-radius: 5px;
        box-shadow: 10px 12px 7px rgba(0,0,0,.5),-5px -5px 10px rgba(255,255,255,.1) !IMPORTANT;
    }
}

.bi-facebook {
    color:#1778F2;
}

.bi-instagram {
    color:#E1306C;
}

.bi-twitter-x {
    color: #000000;
}

.bi-rss-fill {
    color: orange;
}

.npk-main-hero {
    background-image: url('/image/hero/brain.webp') !IMPORTANT;
    background-repeat: no-repeat;
    background-size: cover;
    min-height:50rem;
}

.npk-main-hero-text {
    background-color: rgba(0, 0, 0, 0.3);
}

.navbar-brand {
    background-image: radial-gradient(white 40%, transparent 60%, transparent 100%);
    padding: 20px;
}