.navbar {
    height: 6rem;
    padding: 1.4rem 0;
}
nav .logo {
    height: 100%;
    margin-right: 1.2rem;
    margin: 0 1.2rem 0 3.2rem;
}

nav .navbar-toggler {
    border: 2px solid rgb(51,144,221);
    padding: 0.6rem 1.2rem;
    color: rgb(51,144,221);
    margin: 0 3.2rem 0 0;
}
nav .navbar-toggler i{
    color: rgb(51,144,221);
}
nav .navbar-collapse .nav-link,nav .dropdown-item {
    position: relative;
}
@media (min-width: 768px){
    nav .navbar-collapse {
        justify-content: flex-end;
        margin: 0 3.2rem 0 0;
    }
    nav .navbar-collapse a {
        color: #000;
    }
    nav .dropdown-item:focus, .dropdown-item:hover {
        background-color: rgb(51, 144, 221);
        color: #fff !important;
    }
    nav .nav-link:hover a {
        color: rgb(51,144,221) !important;
    }
    nav .nav-link:hover::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 30%;
        right: 30%;
        height: 0.2rem;
        background: rgb(51, 144, 221);
    }
}
@media (max-width: 768px){
    nav .navbar-collapse {
        background: rgb(51, 144, 221);
        margin-top: 1rem;
    }
    nav .navbar-collapse a {
        color: #fff !important;
    }
    nav .dropdown-item {
        background: rgb(51, 144, 221);
        color: #fff !important;
    }
    nav .dropdown-item:focus, .dropdown-item:hover {
        background-color: rgb(51, 144, 221) !important;
    }
    nav .navbar-collapse .nav-link:hover::after,nav .dropdown-item:hover::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(255,255,255,0.2);
    }
    nav .dropdown-menu {
        padding: 0;
    }
}