body {
    background-image: url("../img/bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.top-logo {
    width: auto;
    max-height: 190px;
}
.top-logo2 {
    width: 100%;
    max-height: 190px;
}
.navbar-nav {
    width: 100%;
}
.bg-kt-blue {
    background-color: #4099f5!important;
}
.navbar-kt-blue .navbar-nav .active>.nav-link, .navbar-kt-blue .navbar-nav .nav-link.active, .navbar-kt-blue .navbar-nav .nav-link.show, .navbar-kt-blue .navbar-nav .show>.nav-link {
    color: #fff;
}
.navbar-kt-blue .navbar-nav .nav-link:focus, .navbar-kt-blue .navbar-nav .nav-link:hover {
    color: #fff;
}
.navbar-kt-blue .navbar-nav .nav-link {
    color: #e1f6fe;
}
.navbar-kt-blue .navbar-nav .nav-link:focus, .navbar-kt-blue .navbar-nav .nav-link:hover {
    color: #fff;
}
.navbar-brand {
    color: #e1f6fe;
}
.hand-point {
    width: 100px;
    display: inline-block;
}
.des-out {
    color: black;
    font-size: 1.3em;
    font-weight: bolder;
}
.lnk-out {
    color: red;
    font-size: 1.5em;
    font-weight: bolder;
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
@media only screen and (min-width: 1024px) {
    .navbar {
        padding: 0.5rem 4.5rem;
    }
}
@media only screen and (min-width: 769px) {
    .top-logo2 {
        width: 100%;
        max-height: 190px;
        bottom: 0px;
        position: absolute;
    }
}