.main-logo {

    width: 125px;

}

header {
    background-color: black;
}

header .nav-link {
    color: white;
}

.sticky .main-header {
    background-color: black !important;
}

.btn-close {
    filter: invert(1);
}

.topbar-right {
    display: flex;
    justify-content: flex-end;
}
.nav-link:hover, .nav-link:focus {
    color: white;
    text-decoration: none;
}

@media (max-width: 1199.98px) {
    .hero-header-03 .vh-100 {
        height: auto !important;
        aspect-ratio: auto;
    }
}


@media only screen and (max-width: 600px) {
    .main-logo {

        width: 100px;

    }

    .welcome-text {
        text-align: center;
    }

    .topbar-right {
        display: flex;
        justify-content: center;
    }

.nav-link:hover, .nav-link:focus {
    color: black;
    text-decoration: none;
}



}