/* Medias Queries */
@media screen and (max-width: 1920px) and (max-height: 1080px) and (orientation: landscape){
    #desafio-text{
        padding: 0 70px;
    }
    #url img{
        margin-top: 25%;
    }
    #request img{
        margin-top: 10%;
    }
    #quality-img{
        max-width: 385px;
        margin-top: 2%;
    }
    #codigo-plus {
        font-size: 60px;
        color: #116094;
        margin-top: 5%;
        padding-left: 3%;
    }
    #box-blue{
        height: 86.5%;
    }
    #escalabilidade-img{
        max-width: 310px;
        margin-top: 0;
    }
    #produtividade-img{
        max-width: 340px;
        margin-top: 2%;
    }
    #teste-img{
        max-width: 385px;
        margin-top: 2%;
    }
    #tech-img{
        margin-top: 2.5%;
        max-width: 421px;
    }
    #planejamento-img{
        margin-top: 2%;
        max-width: 410px;
    }
    #infografico-img{
        max-width: 800px;
    }
    #programa-img{
        margin-top: 2%;
        max-width: 263px;
    }
    #resultado-img{
        margin-top: -2%;
        max-width: 300px;
    }
    #automacao-img{
        max-width: 312px;
        margin-top: 2%;
    }
    #laptop-img{
        max-width: 452px;
        margin-top: 2%;
    }
    #software-img{
        max-width: 400px;
        margin-top: 2%;
    }
    #proj-automacao-img{
        max-width: 500px;
        margin-top: -3%;
    }
    #web-img{
        max-width: 350px;
    }
    #desafio{
        max-width: 528px;
        margin-top: 2%;
    }
    #desafio1_2{
        max-width: 515px;
        margin-top: 2%;
    }
    #interacao-img{
        max-width: 375px;
    }
    #comunicacao-img{
        max-width: 455px;
        margin-top: 2%;
    }
    #escada-img{
        max-width: 300px;
    }
    #text-escada{
        margin-top: 5%;
    }
    #trello-img{
        max-width: 745px;
    }
}

@media screen and (max-width: 1366px){
    #url img{
        margin-top: 25%;
    }
    #request img{
       margin-top: 10%;
    }
    #quality-img{
        max-width: 465px;
        margin-top: 3.5%;
    }
    #codigo-plus {
        font-size: 60px;
        color: #116094;
        margin-top: 10%;
        padding-left: 3%;
    }
    #box-blue{
        height: 89%;
    }
    #escalabilidade-img{
        max-width: 425px;
        margin-top: 3%;
    }
    #produtividade-img{
        max-width: 450px;
        margin-top: 3%;
    }
    #teste-img{
        margin-top: 3.5%;
        max-width: 480px;
    }
    #tech-img{
        margin-top: 3.5%;
        max-width: 538px;
    }
    #planejamento-img{
        margin-top: 3%;
        max-width: 430px;
    }
    #programa-img{
        margin-top: 3.5%;
        max-width: 409px;
    }
    #resultado-img{
        margin-top: -5%;
        max-width: 400px;
    }
    #automacao-img{
        max-width: 410px;
        margin-top: 3.5%;
    }
    #laptop-img{
        max-width: 520px;
        margin-top: 3.5%;
    }
    #software-img{
        max-width: 500px;
    }
    #proj-automacao-img{
        max-width: 535px;
        margin-top: -2%;
    }
    #web-img{
        max-width: 510px;
    }
    #desafio{
        max-width: 528px;
        margin-top: 3%;
    }
    #interacao-img{
        max-width: 520px;
    }
    #comunicacao-img{
        max-width: 535px;
        margin-top: 2.5%;
    }
    #text-escada{
        margin-top: 2%;
    }
    #desafio1_2{
        max-width: 512px;
        margin-top: 2%;
    }
    #check li{
        list-style: none!important;
    }      
    #check li::before { 
        content:"\2714\0020";
    }
}

@media screen and (max-width: 1280px) and (orientation: landscape){
    #codigo-plus {
        font-size: 60px;
        color: #116094;
        margin-top: 10%;
        padding-left: 2.5%;
    }
    #box-blue{
        height: 89%;
    }
}

@media screen and (max-width: 1280px) and (orientation: portrait){
    #codigo-plus {
        font-size: 60px;
        color: #116094;
        margin-top: 18%;
        padding-left: 2%;
    }
    #box-blue{
        height: 91%;
    }
}

@media screen and (max-width: 1024px) and (orientation: landscape){
    #box-blue{
        height: 88.7%;
    }
}

@media screen and (max-width: 1024px) and (orientation: portrait){
    #desafio-text{
        padding: 0 50px;
    }
    #codigo-plus {
        font-size: 60px;
        color: #116094;
        margin-top: 19%;
        padding-left: 2%;
    }
    #box-blue{
        height: 91.7%;
    }
}

@media screen and (max-width: 846px) and (orientation: landscape){
    #desafio-text{
        padding: 0 60px;
    }
    #codigo-plus {
        font-size: 60px;
        color: #116094;
        margin-top: 16%;
        padding-left: 2%;
    }
    #box-blue{
        height: 91%;
    }
}

@media screen and (max-width: 812px) and (orientation: landscape){
    #desafio-text{
        padding: 0 54px;
    }
    #codigo-plus {
        font-size: 60px;
        color: #116094;
        margin-top: 18%;
        padding-left: 2%;
        
    }
    #box-blue{
        height: 91%;
    }
}

@media screen and (max-width: 812px) and (orientation: portrait){
    #codigo-plus {
        font-size: 60px;
        color: #116094;
        padding-left: 2%;
        margin-top: 18%;
    }
    #box-blue{
        height: 90.7%;
    }
}

@media screen and (max-width: 768px) and (orientation: landscape){
    #desafio-text{
        padding: 0 277px;
    }
    #codigo-plus {
        font-size: 60px;
        color: #116094;
        margin-top: 23%;
        padding-left: 1.5%;
    }
    #box-blue{
        height: 92%;
    }
}

@media screen and (max-width: 768px) and (orientation: portrait){
    #codigo-plus {
        font-size: 60px;
        color: #116094;
        margin-top: 0;
        padding-left: 2%;
    }
    #box-blue{
        height: 91.4%;
    }
}

@media screen and (max-width: 667px) and (orientation: landscape){
    #desafio-text{
        padding: 0 242px;
    }
}

@media screen and (max-width: 640px) and (orientation: landscape){
    #desafio-text{
        padding: 0 230px;
    }
    #codigo-plus {
        font-size: 60px;
        color: #116094;
        margin-top: 27%;
        padding-left: 1.5%;
    }
    #box-blue{
        height: 92.6%;
    }
}

@media screen and (max-width: 640px) and (orientation: portrait){
    #desafio-text{
        padding: 0 135px;
    }
    #url img{
        margin-top: 22%;
    }
    #request img{
        margin-top: 5%;
        max-width: 50px;
    }
    #lupa-slide img{
        max-width: 40px;
    }
}

@media screen and (max-width: 440px){
    #desafio-text{
        padding: 0 123px;
    }
}

@media screen and (max-width: 413px){
    #desafio-text{
        padding: 0 98px;
    }
}