﻿

@media (max-width: 1150px) {
    #benefits {
        background: url("../img/benefits.png") left -200px bottom 100px no-repeat, linear-gradient(40deg, #9f33dd, #5813ba 77%);
    }
}

@media (min-width: 1251px) and (max-width: 1450px) {

    #about {
        background: url("../img/about.png") right -1px center no-repeat, url("../img/funciona.png") left 40px top 100px no-repeat, url("../img/offline.png") right 40px bottom 50px no-repeat;
    }
}

@media (min-width: 1451px) and (max-width: 1650px) {

    #about {
        background: url("../img/about.png") right 100px center no-repeat, url("../img/funciona.png") left 40px top 100px no-repeat, url("../img/offline.png") right 40px bottom 50px no-repeat;
    }

    #benefits {
        background: url("../img/benefits.png") left 50px bottom 100px no-repeat, linear-gradient(40deg, #9f33dd, #5813ba 77%);
    }
}

@media (min-width: 1651px) {

    #about {
        background: url("../img/about.png") right 150px center no-repeat, url("../img/funciona.png") left 40px top 100px no-repeat, url("../img/offline.png") right 40px bottom 50px no-repeat;
    }

    #benefits {
        background: url("../img/benefits.png") left 150px bottom 100px no-repeat, linear-gradient(40deg, #9f33dd, #5813ba 77%);
    }
}

@media (max-width: 1040px) {
    #download-header-content {
        flex-direction: column;
    }

    #content-download-phone, #content-download-links {
        margin-left: 0;
    }
}