/* ---------- NAVBAR ---------- */

.navbar-brand {
    margin: 0;
    padding: 5px 0;
    max-width: 200px;
}

.navbar-brand img {
    height: 70px;
}
.lets-talk-li{
    width: 160px;
}
nav, nav *, nav a {
    font-size: 16px;
}
a.lets-talk {
    color: white;
    padding-top: 30px;
    padding-bottom: 32px;
    position: absolute;
    width: 100%;
    text-align: center;
    top: -30px;
    transition: all .1s linear;
    box-shadow: #000 0px -3px 15px -1px;
}

a.lets-talk:hover {
    color: #fff;
    padding-top: 38px;
    transition: all .1s linear;
    border-bottom: transparent;
    padding-bottom: 40px;

}

.dropdown {
    position: relative;
    display: inline-block;
    padding: 20px 0;
}


    .dropdown .dropdown-menu {
        display: none;
        position: absolute;
        top: 45px;
        left: 0;
        max-width: fit-content;
        padding: 10px 15px;
        background: #202020;
        box-shadow: 0 1px 8px 2px rgba(0, 0, 0, 0.2);
        z-index: 1;
        flex-flow: column;
        gap: 4px;
    }
.dropdown-menu a {
    white-space: nowrap;
}

.dropdown-menu div {
    border-bottom: 1px solid #fff;
    text-align: center;
    color: #676767;
    margin-bottom: 4px;
}


.dropdown-menu:hover,
.dropdown a:hover + .dropdown-menu,
.dropdown:hover .dropdown-menu {
    display: flex;
}