@media screen and (max-width: 1054px) {
    .contingut {
        width: 90%;
    }

    .main {
        overflow: hidden;
    }
    .wrap_inputs {
        width: 80%;
    }
    label {
        width: 100%;
        margin: 22px 0 0;
    }
    input[type='text'],
    input[type='email'],
    input[type='password'] {
        width: 100%;
        margin: 0;
        padding: 2px 5px 0;
    }
}

@media screen and (max-width: 600px) {
    .contingut {
        width: 98%;
    }

    .main {
        padding: 10px 10px;
        overflow: hidden;
        margin-bottom: 20px;
    }
    .wrap_inputs {
        width: 90%;
    }
    label {
        margin: 12px 0 0;
        width: 100%;
    }
    input[type='text'],
    input[type='email'],
    input[type='password'] {
        width: 100%;
        margin: 0;
        padding: 2px 0 0;
    }
    h2 {
        margin-top: 10px;
        font-size: 32px;
    }
    .recuperar_pswd {
        margin-top: 10px;
    }
    img.logoapp {
        height: 140px;
    }
    footer {
        position: inherit;
    }
    .wrap_img--peu {
        margin-top: 5px;
    }
}

@media screen and (max-height: 810px) {
    .el_video {
        max-width: 800px;
    }
    .movie_selector {
        margin-top: -65px;
    }
    .main {
        margin-top: -40px;
    }
    h2 {
        margin-top: 5px;
    }
    label {
        margin-top: 12px;
    }
    .wrap_boto--entrar {
        margin-top: 20px;
    }
    .recuperar_pswd {
        margin-top: 20px;
    }
}