#menu-index {
    min-height: 500px;
}
#menu-index > .container{
    max-width: 1280px;
    width: 100% !important;
}
#menu-index .menu-item {
    padding: 0 3px;
    margin-top: 0px;
    background: #fff;
    z-index: 100;
}
#menu-index .menu-item > .item{
    display: block;
    text-decoration: none;
}
#menu-index .menu-item > .item > .header-item{
    margin: 15px 10px;
}
#menu-index .menu-item > .item > .header-item > h3{
    color: #555;
    margin: 5px 10px;
}
#menu-index .menu-item > .item > .header-item > p{
    color: #336799;
    margin: 5px 10px;
    font-size: 18px;
}
#menu-index .menu-item > .item > img{
    display: inline-block;
    height: 150px;
    margin: 15px auto;
    max-width: 100%;
}

#menu-index .menu-item > .item > p.desc-item{
    color: #555;
    margin: 20px 20px 0;
    text-align: justify;
}
#desktop-image {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-position:center;
    background-origin: padding-box;
    background-repeat: repeat;
    background-size: cover;
    display: inline-block;
    height: 400px;
    position: relative;
    width: 100%;
}
@media (min-width: 800px) {
    #desktop-image {
        background-position: center -90px;
    }
}
@media (min-width: 991px) {
    #desktop-image {
        background-position: center -310px;
    }
}
@media (max-width: 1199px) {
    #desktop-image {
        background-position: center -230px;
    }
}
@media (max-width: 991px) {
    #desktop-image {
        background-position: center -110px;
    }
}
@media (max-width: 767px) {
    #desktop-image {
        background-position: center -20px;
    }
}
@media (max-width: 640px) {
    #desktop-image {
        background-position: center 0;
    }
}