body{

    background-color: #f5f5f5;
    overflow-x: hidden;

}

.nav-link {
    margin-left: 10%;
    font-size: calc(5px + .6vw);
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    transition: 0.5s;
}

.hover-nav:hover {
    transform: translateY(-2px);
    color: rgb(1, 161, 1) !important;
}

.hover-nav:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2.5px;
    width: 0;
    transition: width 0s ease, background .50s ease;
}

.hover-nav:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    height: 2.5px;
    width: 0;
    background: rgb(1, 161, 1);
    transition: width .50s ease;
}

.hover-nav:hover:before {
    width: 100%;
    background: rgb(1, 161, 1);
    transition: width .50s ease;
}

.hover-nav:hover:after {
    width: 100%;
    background: transparent;
}

.img-nav {
    width: 100%;
    max-width: 60px;
    height: 100%;
    max-height: 55px;
}

.navbar {
    background-color: white;
    width: 100%;
    z-index: 9999;
    padding: 12px;
    position: unset;
    transition: .5s;
}

.navbar:hover {
    background-color: white !important;
}

#hide {
    position: fixed;
    top: 0;
}

@media screen and (max-width:769px){
    .nav-link {
        font-size: calc(5px + 1.4vw);
    }
}