body {
}


@media only screen and (max-width: 1024px) {

    .logo-text {
        font-weight: 100;
    }

    .menu-items {
        font-size: 15px;
    }
}


@media only screen and (max-width: 768px) {
 
    .username-wrapper {
        margin-left: 0px;
        margin:auto
    }

    .nav-menu {
        text-align: center
    }
    .logo-text {
        font-weight: 100;
    }

    .nav-top-border {
        border-top: 1px solid lightgrey;
        margin-top: 10px;
        padding-top: 10px;
    }

    .custom-modal-position {
        margin-top: 100%;
        transform: translateY(-50%);
        padding: 50px;
    }
}

@media (min-width: 768px)
{
    .dropdown-menu > li a:hover, .dropdown-menu > li.show {
        background: #800000;
        color: white;
    }
}