.hero-image {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/images/cuisine.jpg");
    height: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: -1;
    margin-bottom: -196px;
    opacity: 0.5;
    padding-right: 0px !important;
    padding-left: 0px !important;
}


.logo-index {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.tapameal {
    margin-left: 10.5% !important;
    margin-bottom: -3px !important;
}

.tapImg {
    width: 170px !important;
    height: 170px !important;
    max-width: 170px !important;
}
.tapImgLogo {
    width: 250px !important;
    height: 250px !important;
    max-width: 250px !important;
}

@media (max-width:768px) { /* tablet, landscape iPad, lo-res laptops ands desktops */
    /*.hero-image {
        background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/images/cuisine.jpg");
        height: 50%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        z-index: -1;
        margin-bottom: -196px;
        opacity: 0.5;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }*/


    /*.logo-index {
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }*/

    /*.tapameal {
        margin-left: 10% !important;
        margin-bottom: -3px !important;
    }*/

    .tapImg {
        width: 90px !important;
        height: 98px !important;
        max-width: 170px !important;
        margin-top: 12px !important;
    }

    .tapImgLogo {
        width: 250px !important;
        height: 250px !important;
        max-width: 250px !important;
    }
}