@media screen and (min-width:990px) {
    h2{font-size: 60px;}h3,p{font-size: 24px;}
    nav{
        max-width: 1280px;
        padding: 47px 74px;
    }
    .main_banner > a > img#mobile, .logo > img#mobile{
        display: none;
    }
    .cube--numbers{
        gap: 16px;
        padding-bottom: 90px;
        grid-template-columns: repeat(4,1fr);
    }
    .cube{
        width: 276px;
        height: 214px;
    }
    .cube > h3{
        font-size:20px;
    }
    .numbers{
        height: 88px;
    }
    .numbers > h2{
        font-size: 70px;
    }
    .numbers > h3{
        height: 63px;
    }
    .texto-galeria{
        z-index: 2;
        top: 180px;
        position: relative;
    }
    .texto-galeria > p{
        font-size: 24px;
        width: 422px;
        height: 367px;
    }

    .gallery{
        flex-direction: row;
    }

    .section-servicios{
        gap: 45px;
        padding-top: 45px;
        flex-flow: wrap column;
    }
    .title-servicios{
        width: 100%;
        height: 89px;
        padding-left: 100px;
    }
    .title-servicios > h2{
        width: 100%;
        font-size: 60px;
    }
    .grid--servicios{
        column-gap: 41px;
        grid-template-columns: repeat(3,1fr);
    }
    .grid--title > h3{
        font-size: 20px;
        margin-right: 28px;
        line-height: 20px;
        border: solid 2px var(--primary);
    }
    .grid--title-p > p{
        font-size: 18px;
    }
    .imagen--servicios > img{
        width: 275px;
        height: 380px;
    }

    .title{
        padding: 52px 0 39px 120px;
    }

    .disney, .nike, .conagra{
        display: grid;
        height: 146px;
    }
    .title-disney, .title-nike, .title-conagra{
        gap: 31px;
        width: 100%;
        display: flex;
        padding: 0 129px;   
        align-items: center;
    }
    .arrows{
        gap: 40px;
        width: 100px;
    }
    .title-conagra > h2,.title-nike > h2,.title-disney > h2{
        font-size: 40px;
        width: 150px;
    }
    .flechas span{
        font-size: 35px;
    }
    .title-disney > p, .title-nike > p, .title-conagra > p{
        width: 395px;
        padding: 0;
    }

    .gallery--trabajos {
        z-index: 0;
        width: 1280px;
        height: 650px;
        overflow: hidden;
        position: absolute;
        padding-bottom: 30px;
        justify-content: flex-end;
    }

    .img-disney{
        width: 383px;
    }


    .alianzas{
        padding: 80px 0;
    }
    .title-alianzas > h2{
        height: 65px;
    }
    .title-alianzas > h2#estrategia, .title-trabajar > h2#trabajar-two{
        padding-left: 140px;
    }
    .cube-alianzas{
        gap: 40px;
        display: grid;
        padding-top: 66px;
        grid-template-columns: repeat(4,1fr);
    }
    .cube-alianza > img{
        width: 276px;
        height: 214px;
    }


    .trabajar{
        padding: 50px 60px;
        background-color: var(--text-primary);
    }
    .title-trabajar{
        padding-bottom: 50px;
    }
    .title-trabajar > h2{
        height: 65px;
    }
    .contenido-trabajar{
        gap: 63px;
        display: flex;
        flex-direction: row;
    }
    .img-trabajar > img{
        height: 470px;
    }
    .trabajar--cols{
        gap: 8px;
        z-index: 2;
        width: 358px;
        position: relative;
    }
    .cols{
        cursor: pointer;
        transition: all 0.3s ease;
        background-color: var(--secondary);
    }
    .block .content{
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
    }
        .block .active .content{
            max-height: 200px;
        }
        .cols > p{
            font-weight:200;
            padding-top: 20px;
        }
        .content > p{
            letter-spacing: -1px;
            line-height: 25.2px;
            font-size: 20px;
            font-weight: 400;
        }

        footer{
            width: 100%;
            height: 445px;
        }
            .background{
                max-width: 1280px;
                display: flex;
                position: absolute;
                align-items: flex-end;
                padding: 45px 0 50px 0;
            }
                .background > img#background-footer{
                    width: 1220px;
                    height: 360px;
                    z-index: -1;
                }
                    .background > a{
                        position: absolute;
                        top: 65%;
                        display: flex;
                        justify-content: flex-end;
                        width: 1220px;
                        gap: 15px;
                        padding-right: 50px;
                    }
                    .background > a > h3{
                        height: 107px;
                        display: flex;
                        z-index: 2;
                        padding-right: 50px;
                        justify-content: flex-end;
                        align-items: center;
                        font-size: 45px;
                        padding-top: 20px;
                        color: white;
                    }
                    .background > a > img#flecha-footer{
                        width: 50px;
                        height: 120px;
                        display: flex;
                        z-index: 2;
                        left: 49%;
                        position: relative;
                        align-items: center;
                    }
                    .background > a > img#background-btn{
                        top: 3%;
                        left: 850px;
                        width: 370px;
                        height: 107px;
                        position: absolute;
                    }
        
            .container--footer{
                display: flex;
                justify-content: space-between;
                padding: 75px 64px 0 65px;
            }
                .contenido{
                    width: 100%;
                    height: 328px;
                    padding-top: 28px;
                }
                    .contenido > h2, .contenido > h3,.btn--contacto > h3, .btn > h2{
                        height: 45px;
                        font-size: 60px;
                        height: 64px;
                        color: var(--text-primary);
                    }
                    .contenido > h2#last-title{
                        height: 70px;
                    }
                    .contenido > h3#correo{
                        font-size: 20px;
                        color: #7A7A7A;
                        width: 100%;       
                        display: flex;
                        align-items: center;
                    }
                .btn--contacto{
                    gap: 30vh;
                    height: 110px;
                    display: flex;
                    position: absolute;
                    align-items: center;
                    justify-content: space-around;
                }
                .btn--contacto > h3{
                    padding-right: 60px;
                }
                a{
                    text-decoration: none;
                }
                a#postulate-btn{
                    color: var(--primary-hcs);
                }
                .btn{
                    position: relative;
                    left: 130vh;
                    bottom: 110px;
                }
                    .btn > a{
                        display: flex;
                        align-items: center;
                        text-decoration: none;
                    }
                        .btn > a > h1{
                            color: var(--text-primary);
                            font-size: 48px!important;
                        }
                    .btn-footer{
                        display: flex;
                    }

/* Decoración */
.decoration{
    width: 1200px;
}
    .one > img{
        z-index: 1;
        width: 79px;
        height: 85px;
    }

    .decoration-two,.decoration-four, .decoration-five,.decoration-six, .decoration-eight{
        z-index: 1;
    }
    .two{
        height: 450px;
        position: relative;
        display: grid;
        justify-content: start;
        align-items: end;
    }
    .two > img{
        width: 131px;
        height: 56px;
    }

    .three{
        bottom: 0;
        display: grid;
        padding-right: 220px;
        justify-content: end;
    }
    .three > img{
        width: 104px;
        height: 56px;
    }

    .four{
        position: relative;
        bottom: 40px;
    }
    .four > img{
        width: 79px;
        height: 82px;
    }

    .decoration-five{
        width: 1398px;
    }
    .five{
        display: grid;
        justify-content: end;
    }
    .five > img{
        width: 32px;
        height: 220px;
    }

    .six{
        display: grid;
        justify-content: center;
    }
    .six > img{
        width: 70px;
        height: 75px;
        rotate: 75deg;
        bottom: 40px;
        position: relative;
    }

    .seven > img{
        width: 227px;
        position: relative;
        top: 60px;
        left: -150px;
    }
    
    .eight{
        bottom: 27px;
        display: grid;
        position: relative;
        padding-right: 138px;
        justify-content: end;
    }
    .eight > img{
        width: 104px;
        height: 56px;
        transform: rotate(90deg);
    }
    .nine{
        z-index: 1;
    }
    .nine > img{
        right: 90px;
        bottom: 55px;
        position: relative;
    }
    footer > .decoration{
        display: flex;
        padding-top: 70px;
    }
    .ten > img{
        height: 220px;
    }
    footer > .decoration{
        width: 1010px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .eleven{
        display: flex;
        align-items: center;
        margin: 0;
    }
    .eleven > img#puntitos{
        height: 220px;
    }
    .eleven > img#email{
        width: 158.2px;
        height: 158.2px;
    }
}