.menu li .menu-title a {
    padding: .7rem 1rem !important;
    font-size: 1rem !important;
    white-space: normal !important;
}

.product-default a, .menu li a {
    white-space: normal !important;
}

.menu > li > a {
    font-size: 1.1rem !important;
}

.menu .megamenu.megamenu-fix-width {
    right: auto !important;
    left: 0 !important;
    width: 200px !important;
}

.video-container {
    height: 100%;
    width: 100%;
    overflow: hidden;
    /*xposition: relative;*/
}

    .video-container video {
        max-width: 767px;
        width: 100%;
        /*min-width: 100%;
        min-height: 100%;*/
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
    }

    /* Just styling the content of the div, the *magic* in the previous rules */
    .video-container .caption {
        z-index: 1;
        position: relative;
        text-align: center;
        color: #dc0000;
        padding: 10px;
    }

@media screen and (max-width: 500px) {
    .video-container video {
        max-width: 365px;
    }
}