.mydropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #fff;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.mydropdown-item:hover, .mydropdown-item:focus {
    color: #000000;
    text-decoration: none;
    background-color: #fff;
}

.mydropdown-item.active, .mydropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff;
}

.mydropdown-item.disabled, .mydropdown-item:disabled {
    color: #6c757d;
    background-color: transparent;
}

.mydropdown-item-text {
    display: block;
    padding: 0.25rem 1.5rem;
    color: #212529;
}

.HiddenButton {
    display: none;
}

.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
    }

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
}


.dropdown-item {
    color: #ffffff;
}

body {
    padding-top: 3.5%;
}


@media only screen and (max-width: 1600px) {
    body {
        padding-top: 4%;
    }
}


@media only screen and (max-width: 1000px) {
    body {
        padding-top: 11%;
    }
}

@media only screen and (max-width: 770px) {
    body {
        padding-top: 15%;
    }
}

@media only screen and (max-width: 600px) {
    body {
        padding-top: 25%;
    }
}

@media only screen and (max-width: 600px) {
    body {
        padding-top: 25%;
    }
}

@media only screen and (max-width: 405px) {
    body {
        padding-top: 45%;
    }
}