@media screen and (min-width: 400px) {
    .nav-list {
        width: 50vw;
    }

    .video {
        width: 300px;
        height: 169px;
    }
}

@media screen and (min-width: 500px) {
    .wrap-inicio {
        margin: 170px auto 0 auto;
    }

    .nav-list {
        width: 40vw;
    }

    .title-inicio::before {
        content: url("/img/logo-podosafe-60px.png");
        right: .6em;
        top: .5em;
    }

    .video {
        width: 400px;
        height: 225px;
    }
}

@media screen and (min-width: 700px) {
    .nav-list {
        width: 30vw;
    }

    .wrap-iframe {
        margin: 0 5em 0 5em;
    }

    .main-wrap {
        width: 58%;
    }

    .wrap-buttons {
        width: 97.5%;
        position: fixed;
        top: 56%;
        margin-bottom: 0;
    }

    .video {
        width: 450px;
        height: 253px;
        margin: 50px auto;
    }
}

@media screen and (min-width: 1000px) {
    .nav-list {
        width: 25vw;
    }

    .wrap-iframe {
        margin: 0 8em 0 8em;
    }

    .main-wrap {
        width: 70%;
    }

    .video {
        width: 650px;
        height: 366px;
        margin: 60px auto;
    }

    .wrap-buttons {
        width: 98%;
    }
}

@media screen and (min-width: 1200px) {
    .wrap-iframe {
        margin: 0 15em 0 15em;
    }

    .wrap-buttons {
        width: 98.5%;
    }
}