.header {
    background-image: linear-gradient(to right, #0a1ba2, #80ecf4);
}

.middle-navbar .nav-link {
    border-bottom: .25rem solid transparent;
    display: inline-block;
}

    .middle-navbar .nav-link:hover,
    .middle-navbar .nav-link:focus {
        border-bottom-color: rgba(255, 255, 255, .25) !important;
    }

.active-link {
    border-bottom-color: #fff !important;
}

@media screen and (min-width: 1200px) {
    .header-logo {
        width: 30%;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .header-logo {
        width: 50%;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .header-logo {
        width: 50%;
    }
}

@media (max-width: 767px) and (min-width: 576px) {
    .header-logo {
        width: 50%;
    }
}

@media screen and (max-width: 575px) {
    .header-logo {
        width: 50%;
    }
}