.image-hover * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.image-hover {
    position: absolute;

    display: inline-block;
    overflow: hidden;

    border: 0px solid #fff;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3)
}

.image-hover a {
    text-decoration: none
}

.image-hover img {
    margin: -1px 0px 0px -1px
}


.img-zoom-out img {
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.img-zoom-out:hover img {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9)
}

.img-zoom-out p{
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.img-zoom-out:hover p {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9)
}



        .menu-button {
            height: 40px;

        }

        .menu-button-lg {
            height: 40px;
            width: calc(400px / 3);
            position: relative
        }

        .menu-button-lg-icon {
            height: 20px;
            position: absolute;
            top: 20%;
            left: 9%


        }

        .menu-button-lg-txt {
            color: white;
            left: 40%;
            position: absolute;
            top: 10%;
            font-size: 15px;

        }