@media screen and (max-width: 1050px) {
    .quote-holder blockquote {
        padding-bottom: 65px;
    }

    .demo-holder {
        min-height: 0;
    }

    .demo-img {
        display: none;
    }

    .app-badges p {
        float: none;
    }

    .columns {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
    }

    .columns.reverse {
        flex-direction: column-reverse;
    }

    .column-2 {
        display: block;
        min-height: 300px;
        width: 100%;
    }

    .column-2 .block {
        float: none;
        max-width: none;
    }

    .column-2 .block.logo {
        background-color: #f8f8f8;
    }
}

@media screen and (max-width: 1000px) {
    #intro blockquote {
        font-size: 40px;
        width: 760px;
    }

    a.button-play {
        width: 190px;
        height: 190px;
    }

    a.button-play img {
        width: 190px;
    }
}

@media screen and (max-width: 850px) {
    #intro blockquote {
        font-size: 35px;
        width: 660px;
    }

    a.button-play {
        width: 180px;
        height: 180px;
    }

    a.button-play img {
        width: 180px;
    }
}

@media screen and (max-width: 768px) {
    #intro .top {
        padding: 10px;
    }

    #intro .logo {
        width: 50px;
    }

    #intro blockquote {
        font-size: 25px;
        width: 475px;
    }

    a.button-play {
        width: 150px;
        height: 150px;
    }

    a.button-play img {
        width: 150px;
    }
}

@media screen and (max-width: 580px) {
    #intro .top {
        padding: 10px;
    }

    #intro .logo {
        width: 50px;
    }

    #intro blockquote {
        font-size: 24px;
        width: 350px;
    }

    a.button-play {
        width: 125px;
        height: 125px;
    }

    a.button-play img {
        width: 125px;
    }

    .column-2 .block.logo img {
        width: 80px;
    }
}

@media screen and (max-width: 400px) {
    #intro a.menu {
        font-size: 14px;
    }

    a.button-play {
        width: 100px;
        height: 100px;
    }

    a.button-play img {
        width: 100px;
    }

    #intro blockquote {
        font-size: 22px;
        width: 320px;
    }

    .button-download-app-link a {
        font-size: 13px;
        padding: 15px 20px;
    }
}

@media screen and (max-width: 370px) {
    #intro blockquote {
        font-size: 18px;
        width: 260px;
    }
}