/*Mobile*/
@media only screen and (max-width: 600px){
    #tp_banner{
        background: url(../images/tecnologia_ponta/imagem_1.png);
        height: 300px
    }
    #tp_imagem_2{
        background: url(../images/tecnologia_ponta/imagem_2.png);
        height: 187px;
        margin-bottom: 20px;
    }
    #tp_imagem_3{
        background: url(../images/tecnologia_ponta/imagem_3.png);
        height: 187px;
        margin-bottom: 20px;
    }
}
/*Tablet*/
@media only screen and (min-width: 600px) and (max-width: 1023px){
    #tp_banner{
        background: url(../images/tecnologia_ponta/imagem_1-tablet.png);
        height: 300px
    }
    /*Setor 2*/
    #tp_setor_2{
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    #tp_setor_2>.texto{
        margin-bottom: 20px;
    }
    #tp_imagem_2{
        background: url(../images/tecnologia_ponta/imagem_2-tablet.png);
        height: 349px;
    }
    /*Setor 4*/
    #tp_setor_4{
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    #tp_setor_4>.texto{
        margin-bottom: 20px;
    }
    #tp_imagem_3{
        background: url(../images/tecnologia_ponta/imagem_3-tablet.png);
        height: 352px;
    }
}
/*Desktop*/
@media only screen and (min-width: 1024px){
    #tp_banner{
        background: url(../images/tecnologia_ponta/imagem_1-desktop.png);
        width: 100vw;
        height: calc(100vw / 4.06);
        background-size: 100%;
    }
    /*Setor 2*/
    #tp_setor_2{
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        flex-wrap: nowrap;
        flex-direction:row;
        padding: 100px 20vw 100px 0px;
    }
    #tp_setor_2 .texto{
        width: 30%;
        vertical-align: top;
    }
    #tp_imagem_2{
        background: url(../images/tecnologia_ponta/imagem_2-desktop.png);
        background-repeat: no-repeat;
        margin-bottom: 20px;
        width: 50vw;
        height: calc(50vw / 1.50);
        background-size: auto 100%;
        vertical-align: top;
        margin-right: 100px;
    }
    /*Setor 4*/
    #tp_setor_4{
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        flex-wrap: nowrap;
        flex-direction:row-reverse;
        padding: 100px 0px 100px 20vw;
    }
    #tp_setor_4 .texto{
        width: 30%;
        margin-right: 100px;
        vertical-align: top;
    }
    #tp_imagem_3{
        background: url(../images/tecnologia_ponta/imagem_3-desktop.png);
        background-repeat: no-repeat;
        width: 50vw;
        height: calc(50vw / 1.51);
        background-size: auto 100%;
        vertical-align: top;
        margin-top: 100px;
        margin-bottom: 20px;
    }
}