www.turingphone.com - mobile site is not usable

[webcompat-bot]

URL: https://www.turingphone.com/
Browser / Version: Firefox Mobile 44.0
Operating System: Android 5.0.2
Problem type: Mobile site is not usable

Steps to Reproduce

1. Navigate to: https://www.turingphone.com/
2. Menus unusable on mobile devices.

Expected Behavior:

Actual Behavior:

[karlcow]

On the first page, there is an already missing background image

Which is in fact a video… \o/

<video id="background-video" loop="" poster="https://www.turingphone.com/assets/video/fpo.jpg">
<source src="https://www.turingphone.com/assets/video/fpo.mp4" type="video/mp4">
<source src="https://www.turingphone.com/assets/video/fpo.ogv" type="video/ogg">
</video>

And controlled by the following CSS:

#home #background-video {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
    z-index: -1;
    transition: opacity 800ms ease-out;
    opacity: 0;
}

The menus are working for me. The text accessibility is subpar because of contrasts. The opacity is set to 0. Not sure why. And also there is

#home #background-video {
    display: none;
}

which also removes the video for @media max-width:700px

In chrome the starting screen looks like:

We need to dig a bit more into this one.

[karlcow]

when emulating with a 360x640 screen, everything above stays at 360px wide, but then starting with

<div class="center-container landing" id="trigger0">

it jumps to 819px x 640px. So I guess part of the issue is this.

ok found. Images

.img-responsive {
    display:block;
    max-width:100%;
    height:auto;
}

And

@media (max-width: 700px) {

    img {
        max-width:100%!important;
    }

when replace by width:100%!important; it fits.

This is the common Firefox bug. https://bugzilla.mozilla.org/show_bug.cgi?id=823483

[karlcow]

fixed by https://bugzilla.mozilla.org/show_bug.cgi?id=823483