/*MENU*/

.menu-container {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 3005;
    background: rgba(30, 30, 30, 0.4);
}

.sub-menu-item {
    display: inline-block;
    padding: 20 35 20 35px;
    border: solid;
    border-radius: 40px;
    border-color: white;
}

.sub-menu-link {
    color: rgb(163, 148, 148);
    text-decoration: none;
    font-size: 14pt;
    font-weight: bold;
    z-index: 3003;
    font-family: "LibreBaskerville";
    transition: font-size 0.5s;
}

.menu {
    /*border : solid;*/
    background: white;
    border: solid 0px #0F5323;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 1px 1px 5px inset #555;
    display: flex;
    margin: auto;
    list-style: none;
    height: 50px;
    padding: 0;
}

.menu-item {
    display: table-cell;
    vertical-align: middle;
    padding: 5 25 5 25px;
    border: solid;
    border-radius: 40px;
    border-color: white;
    border-width: 0px;
    margin: auto;
    transition: all 0.5s;
}

@media screen and (min-device-width: 1280px) {
    .menu {
        width: 80%;
    }
    .menu-link {
        color: #0F5323;
        text-decoration: none;
        font-size: 14pt;
        font-weight: bold;
        z-index: 3003;
        font-family: "LibreBaskerville";
    }
}

@media screen and (min-device-width: 425px) and (max-device-width: 1280px) {
    .menu {
        width: 80%;
    }
    .menu-link {
        color: #0F5323;
        text-decoration: none;
        font-size: 12pt;
        font-weight: bold;
        z-index: 3003;
        font-family: "LibreBaskerville";
    }
}

@media screen and (max-device-width: 425px) {
    .menu {
        width: 100%;
        background: white;
        border-radius: 0px;
        box-shadow: none;
        height: 130px;
    }
    .menu-link {
        color: #0F5323;
        text-decoration: none;
        font-size: 26pt;
        font-weight: bold;
        z-index: 3003;
        display: block;
        text-align: center;
        font-family: "LibreBaskerville";
    }
    .menu-item {
        border-radius: 0px;
    }
}

.image-title {
    height: 60px;
    width: 240px;
}

.dropdown>.menu-item {
    background-color: white;
    margin: 10 0 0 0px;
}

.dropdown>.sub-menu-item {
    background-color: white;
    margin: 10 0 0 0px;
}

.menu-item:hover {
    background: #0F5323;
    color: #FFFFFF;
    cursor: pointer;
}

.sub-menu-item:hover {
    background: rgb(163, 148, 148);
    color: #FFFFFF;
    cursor: pointer;
}

.sub-menu-item:hover>.sub-menu-link {
    font-size: 18pt;
}

.menu-item:hover .menu-link {
    color: #FFFFFF !important;
}

.sub-menu-item:hover .sub-menu-link {
    color: #FFFFFF !important;
}