@charset "utf-8";
/* CSS Document */


/* #Media Queries
================================================== */
@media only screen and (min-width: 1920px){
.grid-wrapper ul {grid-template-columns: repeat(auto-fit, minmax(395px, 1fr));grid-auto-rows: 688px;}
.ver-but{margin-top: 20px;}
.grid-wrapper.grid-irta {grid-template-columns: 390px repeat(auto-fill, 390px) 390px;grid-auto-rows: 661px;}
.grid-wrapper.grid-irta.last {grid-template-columns: 411px repeat(auto-fill, 409px) 409px;grid-auto-rows: 697px;}

}

@media only screen and (min-width:1401px) and (max-width:1600px) {
.grid-wrapper ul {grid-template-columns: 323px repeat(auto-fit, minmax(255px, 1fr)) 323px; grid-auto-rows: 550px;}
.banner-home .flex-caption h1{font-size: 56px; line-height: 64px;}
.caption-link a{padding: 25px 60px 25px 25px;font-size: 18px;line-height: 27px;}
.caption-link {width: 280px;height: 100px;}
.service-sec{padding: 50px 0;}
.service-inner ul li h3{font-size: 26px; line-height: 32px;}
.service-inner ul li p {font-size: 20px;line-height: 26px;}
.service-inner ul li a{font-size: 20px; line-height: 28px; height: 46px;}
.service-inner{padding-bottom: 50px;}
.project-list h2{font-size: 36px; line-height: 42px; margin-bottom: 30px;}
footer{padding: 40px 0;}
.foot-top{margin-bottom: 20px;}
.foot-mid ul.coac li img{width: 80px;}
.ver-but{margin-top: 20px;}


.analisi-sec h2 {font-size: 36px; line-height: 42px; margin-bottom: 20px;}
.analisi-sec p{font-size: 18px; line-height: 25px;}
.breadcrum ul li{font-size: 16px;}
.collab-sec h2{font-size: 36px; line-height: 42px;}
.collab-sec ul li p {font-size: 18px; line-height: 26px;}
.altres-sec h2{font-size: 36px; line-height: 42px;}
.ver-but a{font-size: 18px;}
#altres-list .item .altres-cnt p {font-size: 16px; line-height: 22px;}
.collab-sec ul li .ar-lft{padding-right: 20px;}

/*inner page*/
.contact-sec h2{font-size: 36px; line-height: 42px; margin-bottom: 30px;}
.contact-sec h3{font-size: 24px; line-height: 28px;margin-bottom: 20px;}
.contact-form ul li input[type="text"], .contact-form ul li input[type="email"]{font-size: 17px;}
.contact-form ul li label {font-size: 16px;}
.contact-form p, .contact-form label, .contact-form label a {font-size: 17px;}
.envir-btn input[type="button"], .envir-btn input[type="submit"] {font-size: 17px;}
.contact-form ul li:last-child {margin-top: 18px;}
.contact-map iframe {height: 580px;}
.contact-sec {padding: 0 0 60px 0;}
.ver-but {margin-top: 25px;}
.collab-sec{padding: 130px 0;}

/*perfil*/
.perfil-sec h2{font-size: 36px; line-height: 42px; margin-bottom: 20px;}
.perfil-sec h5{font-size: 18px; line-height: 26px;}
.perfil-sec p, .perfil-sec ul li{font-size: 16px; line-height: 24px; margin-bottom: 15px;}
.perfil-cont {padding-right: 100px;}
.divulg-sec h2{font-size: 36px; line-height: 42px; margin-bottom: 20px;}
.divulg-lst ul li h3{font-size: 17px; line-height: 25px;}
.divulg-lst ul li p, .divulg-lst ul li h6{font-size: 17px; line-height: 25px;}

.serveis-sec {padding: 50px 0 50px 0;}
.projects-sec h2{font-size: 34px; line-height: 40px;}
.mixitp-main-sec {padding: 30px 0 0 0;}
/* .grid-wrapper.grid-irta {grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));grid-auto-rows: 350px;} */
.grid-wrapper.grid-irta div .prj-cnt p{font-size: 15px;line-height: 20px;}
.serveis-cnt ul li p{font-size: 17px; line-height: 25px;}
.serveis-cnt ul li h6{font-size: 17px; line-height: 25px;}
.serveis-cnt h2{font-size: 36px; line-height: 42px; margin-bottom: 20px;}
/*.grid-wrapper.grid-irta {grid-template-columns: 323px repeat(auto-fill,323px) 323px;grid-auto-rows: 550px;}*/
}

@media only screen and (min-width:1366px) and (max-width:1400px) {
.grid-wrapper ul {grid-template-columns: repeat(auto-fit, minmax(225px, 1fr));grid-auto-rows: 487px;}
.banner-home .flex-caption h1{font-size: 56px; line-height: 64px;}
.caption-link a{padding: 25px 60px 25px 25px;font-size: 18px;line-height: 27px;}
.caption-link {width: 280px;height: 100px;}
.service-sec{padding: 50px 0;}
.service-inner ul li h3{font-size: 26px; line-height: 32px;}
.service-inner ul li p {font-size: 20px;line-height: 26px;}
.service-inner ul li a{font-size: 20px; line-height: 28px; height: 46px;}
.service-inner{padding-bottom: 50px;}
.project-list h2{font-size: 36px; line-height: 42px; margin-bottom: 30px;}
footer{padding: 40px 0;}
.foot-top{margin-bottom: 20px;}
.foot-mid ul.coac li img{width: 80px;}
.ver-but{margin-top: 20px;}
.foot-btm ul li a, .foot-btm ul li, .foot-btm ul li p{font-size: 16px; line-height: 24px;}
.foot-mid ul.avis li a{font-size: 16px; line-height: 24px;}
.foot-lft ul li p, .foot-lft ul li, .foot-lft ul li a {font-size: 16px; line-height: 24px;}
.foot-rgt p {font-size: 16px; line-height: 24px;}

/*inner page*/
.contact-sec h2{font-size: 36px; line-height: 42px; margin-bottom: 30px;}
.contact-sec h3{font-size: 24px; line-height: 28px;margin-bottom: 20px;}
.contact-form ul li input[type="text"], .contact-form ul li input[type="email"]{font-size: 16px;}
.contact-form ul li label {font-size: 16px;}
.contact-form p, .contact-form label, .contact-form label a {font-size: 16px;}
.envir-btn input[type="button"], .envir-btn input[type="submit"] {font-size: 16px;}
.contact-form ul li:last-child {margin-top: 15px;}
.contact-map iframe {height: 540px;}
.contact-sec {padding: 0 0 60px 0;}

.analisi-pad{padding-right: 10px;}
.analisi-sec h2 {font-size: 36px; line-height: 42px; margin-bottom: 20px;}
.analisi-sec p{font-size: 18px; line-height: 25px;}
.analisi-pad.cnt-left {width: 550px;}
.breadcrum ul li{font-size: 16px;}
.analisi-sec p.txt{margin-top: 50px;}
.collab-sec {padding: 65px 0;}
.collab-sec h2{font-size: 36px; line-height: 42px;}
.collab-sec ul li p {font-size: 18px; line-height: 26px;}
.altres-sec h2{font-size: 36px; line-height: 42px;}
.ver-but a{font-size: 18px;}
#altres-list .item .altres-cnt p {font-size: 16px; line-height: 22px;}
.ver-but {margin-top: 25px;}
.altres-rgt{padding-top: 35px;}

/*perfil*/
.perfil-sec{padding: 0 0 40px 0;}
.perfil-sec h2{font-size: 36px; line-height: 42px; margin-bottom: 20px;}
.perfil-sec h5{font-size: 18px; line-height: 25px;}
.perfil-sec p, .perfil-sec ul li{font-size: 16px; line-height: 24px; margin-bottom: 15px;}
.perfil-cont{padding-right: 0;}
.divulg-sec h2{font-size: 36px; line-height: 42px; margin-bottom: 20px;}
.divulg-lst ul li h3{font-size: 17px; line-height: 25px;}
.divulg-lst ul li p, .divulg-lst ul li h6{font-size: 17px; line-height: 25px;}
.divulg-sec {padding: 0 0 60px 0;}
.serveis-sec {padding: 20px 0 50px 0;}
.projects-sec h2{font-size: 34px; line-height: 40px;}
.projects-sec {padding: 0 0 100px 0;}
.mixitp-main-sec {padding: 30px 0 0 0;}

.grid-wrapper.grid-irta div .prj-cnt p{font-size: 15px;line-height: 20px;}
.serveis-cnt ul li p{font-size: 17px; line-height: 25px;}
.serveis-cnt ul li h6{font-size: 17px; line-height: 25px;}
.serveis-cnt h2{font-size: 36px; line-height: 42px; margin-bottom: 20px;}


.mixitp-main-sec {padding: 30px 0 0 0;}
.grid-wrapper.grid-irta div .prj-cnt p{font-size: 16px;line-height: 24px;}

}

@media only screen and (max-width: 1280px) {
body{ overflow-x:hidden;}
.banner-home { min-height:560px;}
.grid-wrapper ul {grid-template-columns: repeat(auto-fit, minmax(225px, 1fr));grid-auto-rows: 456px; grid-row-gap: 130px;}
.banner-home{min-height:448px;}
.banner-home .flex-caption h1{font-size: 56px; line-height: 64px;}
.caption-link a{padding: 25px 60px 25px 25px;font-size: 18px;line-height: 27px;}
.caption-link {width: 280px;height: 100px;}
.service-sec{padding: 50px 0;}
.service-inner ul li h3{font-size: 26px; line-height: 32px;}
.service-inner ul li p {font-size: 20px;line-height: 26px;}
.service-inner ul li a{font-size: 20px; line-height: 28px; height: 46px;}
.service-inner{padding-bottom: 50px;}
.project-list h2{font-size: 36px; line-height: 42px; margin-bottom: 30px;}
footer{padding: 40px 0;}
.foot-top{margin-bottom: 20px;}
.foot-mid ul.coac li img{width: 80px;}
.foot-btm ul li a, .foot-btm ul li , .foot-btm ul li p{font-size: 16px; line-height: 24px;}
.foot-mid ul.avis li a{font-size: 16px; line-height: 24px;}
.foot-lft ul li p, .foot-lft ul li,.foot-lft ul li a {font-size: 16px; line-height: 24px;}
.foot-rgt p {font-size: 16px; line-height: 24px;}

/*inner page*/
.contact-sec h2{font-size: 36px; line-height: 42px; margin-bottom: 30px;}
.contact-sec h3{font-size: 24px; line-height: 28px;margin-bottom: 20px;}
.contact-form ul li input[type="text"], .contact-form ul li input[type="email"]{font-size: 16px;}
.contact-form ul li label {font-size: 16px;}
.contact-form p, .contact-form label, .contact-form label a {font-size: 16px;}
.envir-btn input[type="button"], .envir-btn input[type="submit"] {font-size: 16px;}
.contact-form ul li:last-child {margin-top: 15px;}
.contact-map iframe {height: 540px;}
.contact-sec {padding: 0 0 60px 0;}

.projects-sec h2{font-size: 34px; line-height: 40px;}
.projects-sec {padding: 0 0 50px 0;}
.mixitp-main-sec {padding: 30px 0 0 0;}
.grid-wrapper.grid-irta {grid-template-columns: repeat(auto-fit, minmax(225px, 1fr));grid-auto-rows: 450px;}
.grid-wrapper.grid-irta div .prj-cnt p{font-size: 16px;line-height: 24px;}

.analisi-pad{padding-right: 10px;}
.analisi-sec h2 {font-size: 36px; line-height: 42px; margin-bottom: 20px;}
.analisi-sec p{font-size: 18px; line-height: 25px;}
.analisi-pad.cnt-left {width: 550px;}
.breadcrum ul li{font-size: 14px;}
.analisi-sec p.txt{font-size: 16px; line-height: 22px;margin-top: 100px;}
.analisi-sec p.txt br{display: block;}
.collab-sec {padding: 100px 0;}
.collab-sec h2{font-size: 36px; line-height: 42px;}
.collab-sec ul li p {font-size: 18px; line-height: 26px;}
.altres-sec h2{font-size: 36px; line-height: 42px;}
.ver-but a{font-size: 18px;}
#altres-list .item .altres-cnt p {font-size: 16px; line-height: 22px;}
.ver-but {margin-top: 25px;}
.altres-rgt{padding-top: 35px;}

/*perfil*/
.perfil-sec{padding: 0 0 40px 0;}
.perfil-sec h2{font-size: 36px; line-height: 42px; margin-bottom: 20px;}
.perfil-sec h5{font-size: 18px; line-height: 25px;}
.perfil-sec p, .perfil-sec ul li{font-size: 16px; line-height: 24px; margin-bottom: 15px;}
.perfil-cont{padding-right: 65px;}
.divulg-sec h2{font-size: 36px; line-height: 42px; margin-bottom: 20px;}
.divulg-lst ul li h3{font-size: 17px; line-height: 25px;}
.divulg-lst ul li p, .divulg-lst ul li h6{font-size: 17px; line-height: 25px;}
.divulg-sec {padding: 40px 0 100px 0;}
.serveis-sec {padding: 50px 0 50px 0;}
.projects-sec h2{font-size: 34px; line-height: 40px;}
.projects-sec {padding: 0 0 50px 0;}
.mixitp-main-sec {padding: 30px 0 0 0;}
.grid-wrapper.grid-irta {grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));grid-auto-rows: 350px;}
.grid-wrapper.grid-irta div .prj-cnt p{font-size: 15px;line-height: 20px;}
.serveis-cnt ul li p{font-size: 17px; line-height: 25px;}
.serveis-cnt ul li h6{font-size: 17px; line-height: 25px;}
.serveis-cnt h2{font-size: 36px; line-height: 42px; margin-bottom: 20px;}


}
@media only screen and (min-width:1366px) and (max-width:1400px) {

    .banner-home { min-height:560px;}
    .grid-wrapper ul {grid-template-columns: repeat(auto-fit, minmax(225px, 1fr));grid-auto-rows: 488px;}
    .banner-home{min-height:448px;}
    .banner-home .flex-caption h1{font-size: 56px; line-height: 64px;}
    .caption-link a{padding: 25px 60px 25px 25px;font-size: 18px;line-height: 27px;}
    .caption-link {width: 280px;height: 100px;}
    .service-sec{padding: 50px 0;}
    .service-inner ul li h3{font-size: 26px; line-height: 32px;}
    .service-inner ul li p {font-size: 20px;line-height: 26px;}
    .service-inner ul li a{font-size: 20px; line-height: 28px; height: 46px;}
    .service-inner{padding-bottom: 50px;}
    .project-list h2{font-size: 36px; line-height: 42px; margin-bottom: 30px;}
    footer{padding: 40px 0;}
    .foot-top{margin-bottom: 20px;}
    .foot-mid ul.coac li img{width: 80px;}
    .foot-btm ul li a, .foot-btm ul li, .foot-btm ul li p{font-size: 16px; line-height: 24px;}
    .foot-mid ul.avis li a{font-size: 16px; line-height: 24px;}
    .foot-lft ul li p, .foot-lft ul li, .foot-lft ul li a {font-size: 16px; line-height: 24px;}
    .foot-rgt p {font-size: 16px; line-height: 24px;}
    
    /*inner page*/
    .contact-sec h2{font-size: 36px; line-height: 42px; margin-bottom: 30px;}
    .contact-sec h3{font-size: 24px; line-height: 28px;margin-bottom: 20px;}
    .contact-form ul li input[type="text"], .contact-form ul li input[type="email"]{font-size: 16px;}
    .contact-form ul li label {font-size: 16px;}
    .contact-form p, .contact-form label, .contact-form label a {font-size: 16px;}
    .envir-btn input[type="button"], .envir-btn input[type="submit"] {font-size: 16px;}
    .contact-form ul li:last-child {margin-top: 15px;}
    .contact-map iframe {height: 540px;}
    .contact-sec {padding: 0 0 60px 0;}
    .analisi-pad{padding-right: 10px;}
    .analisi-sec h2 {font-size: 36px; line-height: 42px; margin-bottom: 20px;}
    .analisi-sec p{font-size: 18px; line-height: 25px;}
    .analisi-pad.cnt-left {width: 550px;}
    .breadcrum ul li{font-size: 16px;}
    .analisi-sec p.txt{margin-top: 140px;}
    .collab-sec {padding: 100px 0;}
    .collab-sec h2{font-size: 36px; line-height: 42px;}
    .collab-sec ul li .ar-lft{padding-right: 20px;}
    .collab-sec ul li p {font-size: 18px; line-height: 26px;}
    .collab-sec ul li .ar-lft{padding-right: 20px;}
    .altres-sec h2{font-size: 36px; line-height: 42px;}
    .ver-but a{font-size: 18px;}
    #altres-list .item .altres-cnt p {font-size: 16px; line-height: 22px;}
    .ver-but {margin-top: 25px;}
    .altres-rgt{padding-top: 35px;}
    
    /*perfil*/
    .perfil-sec{padding: 0 0 40px 0;}
    .perfil-sec h2{font-size: 36px; line-height: 42px; margin-bottom: 20px;}
    .perfil-sec h5{font-size: 18px; line-height: 26px;}
    .perfil-sec p, .perfil-sec ul li{font-size: 16px; line-height: 24px; margin-bottom: 15px;}
    .perfil-cont{padding-right: 65px;}
    .divulg-sec h2{font-size: 36px; line-height: 42px; margin-bottom: 20px;}
    .divulg-lst ul li h3{font-size: 17px; line-height: 25px;}
    .divulg-lst ul li p, .divulg-lst ul li h6{font-size: 17px; line-height: 25px;}
    .divulg-sec {padding: 40px 0 100px 0;}
    .serveis-sec {padding: 40px 0 40px 0;}
    .projects-sec h2{font-size: 34px; line-height: 40px;}
    .projects-sec {padding: 0 0 100px 0;}
    .mixitp-main-sec {padding: 30px 0 0 0;}
    .grid-wrapper.grid-irta div .prj-cnt p{font-size: 15px;line-height: 20px;}
    .serveis-cnt ul li p{font-size: 17px; line-height: 25px;}
    .serveis-cnt ul li h6{font-size: 17px; line-height: 25px;}
    .serveis-cnt h2{font-size: 36px; line-height: 42px; margin-bottom: 20px;}
    .mixitp-main-sec {padding: 30px 0 0 0;}
    .grid-wrapper.grid-irta {grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));grid-auto-rows: 488px;}
    .grid-wrapper.grid-irta div .prj-cnt p{font-size: 16px;line-height: 24px;}
    .grid-wrapper.grid-irta.last {grid-template-columns: 287px repeat(auto-fill, 284px) 284px;grid-auto-rows: 491px;}
    .grid-wrapper.grid-irta div .prj-img{margin-bottom: 12px;}
    


}
@media only screen and (min-width:1280px) and (max-width:1365px) {
.banner-home { min-height:560px;}
.grid-wrapper ul {grid-template-columns: repeat(auto-fit, minmax(225px, 1fr)); grid-auto-rows: 500px;}
.banner-home{min-height:448px;}
.banner-home .flex-caption h1{font-size: 56px; line-height: 64px;}
.caption-link a{padding: 25px 60px 25px 25px;font-size: 18px;line-height: 27px;}
.caption-link {width: 280px;height: 100px;}
.service-sec{padding: 50px 0;}
.service-inner ul li h3{font-size: 26px; line-height: 32px;}
.service-inner ul li p {font-size: 20px;line-height: 26px;}
.service-inner ul li a{font-size: 20px; line-height: 28px; height: 46px;}
.service-inner{padding-bottom: 50px;}
.project-list h2{font-size: 36px; line-height: 42px; margin-bottom: 30px;}
footer{padding: 40px 0;}
.foot-top{margin-bottom: 20px;}
.foot-mid ul.coac li img{width: 80px;}
.foot-btm ul li a, .foot-btm ul li, .foot-btm ul li p{font-size: 16px; line-height: 24px;}
.foot-mid ul.avis li a{font-size: 16px; line-height: 24px;}
.foot-lft ul li p, .foot-lft ul li, .foot-lft ul li a {font-size: 16px; line-height: 24px;}
.foot-rgt p {font-size: 16px; line-height: 24px;}

/*inner page*/
.contact-sec h2{font-size: 36px; line-height: 42px; margin-bottom: 30px;}
.contact-sec h3{font-size: 24px; line-height: 28px;margin-bottom: 20px;}
.contact-form ul li input[type="text"], .contact-form ul li input[type="email"]{font-size: 16px;}
.contact-form ul li label {font-size: 16px;}
.contact-form p, .contact-form label, .contact-form label a {font-size: 16px;}
.envir-btn input[type="button"], .envir-btn input[type="submit"] {font-size: 16px;}
.contact-form ul li:last-child {margin-top: 15px;}
.contact-map iframe {height: 540px;}
.contact-sec {padding: 0 0 60px 0;}
.analisi-pad{padding-right: 10px;}
.analisi-sec h2 {font-size: 36px; line-height: 42px; margin-bottom: 20px;}
.analisi-sec p{font-size: 18px; line-height: 25px;}
.analisi-pad.cnt-left {width: 550px;}
.breadcrum ul li{font-size: 14px;}
.analisi-sec p.txt{margin-top: 140px;}
.collab-sec {padding: 100px 0;}
.collab-sec h2{font-size: 36px; line-height: 42px;}
.collab-sec ul li .ar-lft{padding-right: 20px;}
.collab-sec ul li p {font-size: 18px; line-height: 26px;}
.collab-sec ul li .ar-lft{padding-right: 20px;}
.altres-sec h2{font-size: 36px; line-height: 42px;}
.ver-but a{font-size: 18px;}
#altres-list .item .altres-cnt p {font-size: 16px; line-height: 22px;}
.ver-but {margin-top: 25px;}
.altres-rgt{padding-top: 35px;}

/*perfil*/
.perfil-sec{padding: 0 0 40px 0;}
.perfil-sec h2{font-size: 36px; line-height: 42px; margin-bottom: 20px;}
.perfil-sec h5{font-size: 18px; line-height: 26px;}
.perfil-sec p, .perfil-sec ul li{font-size: 16px; line-height: 24px; margin-bottom: 15px;}
.perfil-cont{padding-right: 65px;}
.divulg-sec h2{font-size: 36px; line-height: 42px; margin-bottom: 20px;}
.divulg-lst ul li h3{font-size: 17px; line-height: 25px;}
.divulg-lst ul li p, .divulg-lst ul li h6{font-size: 17px; line-height: 25px;}
.divulg-sec {padding: 40px 0 100px 0;}
.serveis-sec {padding: 40px 0 40px 0;}
.projects-sec h2{font-size: 34px; line-height: 40px;}
.projects-sec {padding: 0 0 100px 0;}
.mixitp-main-sec {padding: 30px 0 0 0;}
.grid-wrapper.grid-irta div .prj-cnt p{font-size: 15px;line-height: 20px;}
.serveis-cnt ul li p{font-size: 17px; line-height: 25px;}
.serveis-cnt ul li h6{font-size: 17px; line-height: 25px;}
.serveis-cnt h2{font-size: 36px; line-height: 42px; margin-bottom: 20px;}
.mixitp-main-sec {padding: 30px 0 0 0;}
.grid-wrapper.grid-irta {grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));grid-auto-rows: 456px;}
.grid-wrapper.grid-irta div .prj-cnt p{font-size: 16px;line-height: 24px;}
.grid-wrapper.grid-irta.last {grid-template-columns: 287px repeat(auto-fill, 284px) 284px;grid-auto-rows: 491px;}
.grid-wrapper.grid-irta div .prj-img{margin-bottom: 12px;}


}

@media screen and (min-width:1024px) and (max-width:1279px) {
img {max-width:100%;}
.row { width:1000px;}
.grid-wrapper ul {grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));grid-auto-rows: 350px;}
.grid-wrapper ul li .prj-img{margin-bottom: 10px;}
.ver-but a{font-size: 16px; line-height: 30px; height: 46px;}
.banner-home{min-height:448px;}
.banner-home .flex-caption h1{font-size: 56px; line-height: 64px;}
.caption-link a{padding: 25px 60px 25px 25px;font-size: 18px;line-height: 27px;}
.caption-link {width: 280px;height: 100px;}
.service-sec{padding: 50px 0;}
.grid-wrapper ul li .prj-cnt p {font-size: 16px; line-height: 22px;}
.service-inner ul li h3{font-size: 26px; line-height: 32px;}
.service-inner ul li p {font-size: 18px;line-height: 24px; margin-bottom: 25px;}
.service-inner ul li a{font-size: 18px; line-height: 28px; height: 46px;}
.service-inner{padding-bottom: 40px;}
.project-list h2{font-size: 36px; line-height: 42px; margin-bottom: 30px;}
footer{padding: 40px 0;}
.foot-top{margin-bottom: 20px;}
.foot-mid ul.coac li img{width: 80px;}
.foot-btm ul li a, .foot-btm ul li, .foot-btm ul li p{font-size: 16px; line-height: 24px;}
.foot-mid ul.avis li a{font-size: 16px; line-height: 24px;}
.foot-lft ul li p, .foot-lft ul li, .foot-lft ul li a {font-size: 16px; line-height: 24px;}
.foot-rgt p {font-size: 16px; line-height: 24px;}

/*inner page*/
.contact-sec h2{font-size: 34px; line-height: 40px; margin-bottom: 30px;}
.contact-sec h3{font-size: 22px; line-height: 28px;margin-bottom: 20px;}
.contact-sec{padding: 0 0 50px 0;}
.contact-form ul{row-gap: 10px;}
.contact-form ul li input[type="text"], .contact-form ul li input[type="email"]{font-size: 14px;}
.contact-form ul li label{font-size: 14px;}
.contact-form p, .contact-form p a, .contact-form label, .contact-form label a{font-size: 14px; line-height: 20px;}
.contact-form ul li .c-lft{width: 58%;}
.envir-btn input[type="button"], .envir-btn input[type="submit"]{font-size: 14px;padding: 12px 10px; width: 125px;}
.contact-form ul li:last-child{margin-top: 15px;}
.contact-map iframe{height: 450px;}
.contact-form ul li textarea{height: 90px;}
.collab-sec{padding: 100px 0;}
.collab-sec h2 {font-size: 32px; line-height: 36px;}
.collab-sec ul li p {font-size: 16px; line-height: 24px;}
.altres-sec h2{font-size: 32px; line-height: 36px;}
.collab-sec ul li .ar-lft{padding-right: 15px;}
.altres-rgt{padding-top: 35px;}
#altres-list .item .altres-cnt p {font-size: 16px; line-height: 22px;}
.analisi-pad{padding-right: 10px;}
.analisi-sec h2 {font-size: 32px; line-height: 36px; margin-bottom: 20px;}
.main-menu-rgt {column-gap: 40px;}
.ddsmoothmenu ul {column-gap: 40px;}
.breadcrum ul li {font-size: 12px;}
.breadcrum{padding: 12px 0 20px 0;}
.analisi-pad.cnt-left {width: 450px;}
.analisi-sec p{font-size: 18px; line-height: 25px;}
.analisi-sec p br{display: none;}
.analisi-sec p.txt {margin-top: 100px;}
.ver-but {margin-top: 25px;}
.altres-rgt{padding-top: 35px;}

/*perfil*/
.perfil-sec{padding: 0 0 40px 0;}
.perfil-sec h2{font-size: 36px; line-height: 42px; margin-bottom: 20px;}
.perfil-sec h5{font-size: 18px; line-height: 25px;}
.perfil-sec p, .perfil-sec ul li{font-size: 16px; line-height: 24px; margin-bottom: 15px;}
.perfil-cont{padding-right: 0;}
.divulg-sec h2{font-size: 36px; line-height: 42px; margin-bottom: 20px;}
.divulg-lst ul li h3{font-size: 16px; line-height: 24px;}
.divulg-lst ul li p, .divulg-lst ul li h6{font-size: 16px; line-height: 24px;}
.divulg-sec {padding: 40px 0 100px 0;}
.serveis-sec {padding: 40px 0 40px 0;}
.projects-sec h2{font-size: 34px; line-height: 40px;}
.projects-sec {padding: 0 0 100px 0;}
.mixitp-main-sec {padding: 30px 0 0 0;}
.grid-wrapper.grid-irta {grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));grid-auto-rows: 350px;}
.grid-wrapper.grid-irta div .prj-cnt p{font-size: 15px;line-height: 20px;}
.serveis-cnt ul li p{font-size: 16px; line-height: 24px;}
.serveis-cnt ul li h6{font-size: 16px; line-height: 24px;}
.serveis-cnt h2{font-size: 36px; line-height: 42px; margin-bottom: 20px;}
.grid-wrapper.grid-irta.last {grid-template-columns: 206px repeat(auto-fill, 200px) 201px; grid-auto-rows: 358px;}
.grid-wrapper.grid-irta div .prj-img{margin-bottom: 15px;}
}


/* Smaller than standard 1024 (devices and browsers) */
@media screen and (min-width:768px) and (max-width:1023px) {
img {max-width:100%; }
.row{ width:750px; padding: 0;}
.ddsmoothmenu ul li a{font-size:14px;}
.ddsmoothmenu ul li{padding-right:10px;}
.banner-home{min-height:620px;}
.flexslider .slides > li{height:620px; background-position:center center;}
.flexslider .slides img{display:none;}
.banner-home .flex-caption h1 {font-size: 42px;line-height: 50px;}
header .menu {float: left;margin-top: 35px; display: none;}
.is-sticky header .main-menu{padding:12px 0;}
.mobile-menu .logo a{font-size: 24px; line-height: 32px;}
.m-menu {display: block; position: relative; top: 0;}
.lang{display: none;}
.hght header .main-menu{float: none;}
.mobile-menu .nav{position: relative;}
.main-menu-inner{padding: 20px 0 110px 0;}
.banner-home .flex-direction-nav {display: none;}
.caption-link a{padding: 16px 100px 16px 20px; font-size: 16px; line-height: 24px;}
.caption-link{height: auto;}
header .logo a{font-size: 24px; line-height: 32px;}
.banner-home .flex-control-nav {bottom: 100px;}
.lang.mbl{display: block;}
.is-sticky .main-menu .main-menu-inner {padding: 15px 0;}
.service-sec{padding: 40px 0;}
.service-inner ul li h3 {font-size: 22px; line-height: 28px; margin-bottom: 12px;}
.service-inner ul li p{font-size: 16px; line-height: 22px; margin-bottom: 25px;}
.service-inner ul li a {font-size: 16px; width: 130px; height: 36px;}
.service-inner{padding-bottom: 40px;}
.project-list h2{font-size: 24px; line-height: 28px; margin-bottom: 25px;}
.project-list{padding-top: 20px;}
.grid-wrapper ul{grid-gap: inherit; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 30px;}
.grid-wrapper ul li{flex: 0 1 32%;}
.grid-wrapper ul li.wide {grid-column: inherit;}
.grid-wrapper ul li.tall {grid-row: inherit;}
.grid-wrapper ul li .prj-img {height: 335px; margin-bottom: 10px;}
.grid-wrapper ul li .prj-img img{height: 100%; object-fit: cover;}
.grid-wrapper ul li .prj-cnt p{font-size: 16px;line-height: 22px;}
.ver-but{margin-top: 20px;}
.ver-but a{height: 36px; width: 140px;padding: 5px 15px; font-size: 16px;line-height: 30px;}
footer{padding: 25px 0;}
.foot-lft{width: 100%; margin-bottom: 30px; column-gap: 30px; justify-content: space-between;}
.foot-rgt{width: 100%; text-align: left; float: left;}
.foot-lft ul li p, .foot-lft ul li{font-size: 14px; line-height: 22px; }
.foot-lft ul li a{font-size: 14px;line-height: 22px;}
.foot-rgt p{font-size: 14px; line-height: 26px; float: left;}
.foot-lft ul li{margin-bottom: 2px;}
.foot-mid{flex-wrap: wrap;}
.foot-btm{padding-top: 12px;}
.foot-btm ul{column-gap: 20px;}
.foot-btm ul li a img {width: 82px;}
.foot-mid ul.avis li a {font-size: 14px;line-height: 22px;}
.foot-btm ul li a, .foot-btm ul li, .foot-btm ul li p{font-size: 12px;line-height: 18px;}
.foot-top{margin-bottom: 0;}
.foot-mid ul.coac li{width: 100%; margin-bottom: 8px;}
.foot-mid ul.coac li img{width: 56px;}
.foot-mid ul.avis li:after {top: 5px;width: 1px;height: 10px;}
.foot-lft ul.coac li img{width: 56px;}
#sc-button{width: 36px; height: 36px; bottom: 36px;}
#sc-button span{width: 16px;height: 16px;background-size: cover;}

/*inner page*/
.hght header.inner-head{background: transparent;}
header.inner-head .logo a {color: #878578;}
header.inner-head .m-menu span{background: #878578;}
header.inner-head .is-sticky .m-menu span{background: #fff;}
.contact-sec h2{font-size: 28px; line-height: 32px; margin-bottom: 30px;}
.contact-sec h3{font-size: 18px; line-height: 25px;margin-bottom: 20px;}
.contact-sec{padding: 0 0 50px 0;}
.contact-form ul{row-gap: 10px;}
.contact-form ul li input[type="text"], .contact-form ul li input[type="email"]{font-size: 14px;}
.contact-form ul li label{font-size: 14px;}
.contact-form p,.contact-form p a, .contact-form label, .contact-form label a{font-size: 14px; line-height: 20px;}
.contact-form ul li .c-lft{width: 58%;}
.envir-btn input[type="button"], .envir-btn input[type="submit"]{font-size: 14px;padding: 12px 10px; width: 125px;}
.contact-form ul li:last-child{margin-top: 15px;}
.contact-map iframe{height: 400px;}
.contact-form ul li textarea{height: 90px;}
.analisi-pad{padding-right: 0;}
.analisi-pad.cnt-left {width: calc(49% - 25px);}
/*.analisi-sec{padding: 0 15px;}*/
.analisi-sec h2{font-size: 28px; line-height: 32px; margin-bottom: 20px;}
.analisi-sec p{font-size: 16px; line-height: 24px;}
.analisi-sec p br{display: none;}
.analisi-lft {padding-top: 120px; padding-left: 15px}
header.inner-head.wht .m-menu span{background: #fff;}
.altres-sec{padding: 0 0 50px 0;}
.altres-sec h2{font-size: 28px; line-height: 36px;}
.altres-lft {width: 100%;float: left;margin: 0 0 25px 0;}
.altres-rgt{width: 100%;padding-top: 0; border-top: none; margin-top: 0;}
#altres-list .item .altres-cnt p {font-size: 16px; line-height: 22px;}
.collab-sec{padding: 50px 0;}
.collab-sec h2{font-size: 28px; line-height: 36px;}
.collab-sec ul li p {font-size: 16px; line-height: 24px;}
.collab-lft {flex: 0 1 100%;margin: 0 0 20px 0;}
.collab-rgt {flex: 0 1 100%;}
.divulg-sec{padding: 0 0 100px 0;}
.divulg-lst ul li p, .divulg-lst ul li h6{font-size: 16px; line-height: 24px;}
.divulg-lst ul li h3{font-size: 16px; line-height: 25px;}
.divulg-lst ul li .ulg-cnt{column-gap: 0; row-gap: 8px; flex-wrap: wrap;}
.divulg-lst ul li .lft{flex: 0 1 100%;}
.divulg-lst ul li .rgt{flex: 0 1 100%;}
.divulg-lst{margin-bottom: 40px;}
.divulg-sec h2{font-size: 28px; line-height: 36px; margin-bottom: 15px;}
.serveis-cnt h2 {font-size: 28px;line-height: 36px;margin-bottom: 20px;}
.serveis-cnt ul li {padding: 10px 0;}
.serveis-cnt ul li h6{font-size: 16px; line-height: 24px;}
.serveis-cnt ul li p{font-size: 16px; line-height: 24px;}
.serveis-inner{column-gap: 4%;}
.serveis-cnt {flex: 0 1 55%;}
.serveis-cnt ul li p br{display: none;}
.serveis-sec{padding: 40px 0 80px 0;}
.perfil-sec {padding: 0 0 40px 0;}
.perfil-inner{column-gap: 10%; row-gap: 40px;}
.perfil-sec h2 {font-size: 28px;line-height: 36px; margin-bottom: 20px;}
.perfil-sec h5{font-size: 18px; line-height: 24px;}
.perfil-cont {flex: 0 1 100%;padding-right: 0; order: 3;}
.perfil-sec p, .perfil-sec ul li{font-size: 16px; line-height: 24px;}
.perfil-title {flex: 0 1 45%; align-items: center;display: flex;}
.perfil-img {flex: 0 1 45%; order: 2; height: 320px;}
.perfil-img img{height: 100%; object-fit: cover;}
.perfil-sec h4 {font-size: 18px;line-height: 24px; margin-bottom: 10px;}
.projects-sec{padding: 0 0 50px 0;}
.projects-sec h2{font-size: 28px;line-height: 32px;}
.filter-lst .controls button.filter{font-size: 16px;}
.filter-lst .controls {overflow-x: auto;scrollbar-width: none;flex-wrap: nowrap;}
.mixitp-main-sec { padding: 25px 0 0 0;}
.grid-wrapper.grid-irta{display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 25px;}
.mixitp-lst.noticias .container .mix {flex: 0 1 32%;}
.grid-wrapper.grid-irta div .prj-cnt p{font-size: 16px; line-height: 22px;}
.grid-wrapper.grid-irta div .prj-img{height: 300px; margin-bottom: 10px;}
.grid-wrapper.grid-irta div .prj-img img{object-fit: cover; height: 100%;}
.breadcrum {padding: 12px 0 20px 0;}
.breadcrum ul li {font-size: 14px;}
.grid-wrapper.grid-irta.last{display: none;}
.collab-sec ul li .ar-lft {flex: 0 1 50%;padding-right: 40px;}
.collab-sec ul li .ar-rgt {flex: 0 1 50%;}
.top-border{padding-top: 15px;}
.is-sticky .m-menu { margin-top: 0;}

.grid-wrapper ul li.tall .prj-img img {height: 100%;}
}

/* Smaller than standard 768 (devices and browsers) */
@media screen and (max-width:767px) {
img {max-width:100%;}
.row{ width:100%; padding:0px 15px;}
.flexslider .slides > li{height:640px; background-position:center center;}
.flexslider .slides img{display:none;}
header .menu{ display:none;}
.banner-home{min-height:640px;}
.banner-home .flex-caption h1 {font-size: 28px;line-height: 36px; letter-spacing: 1px;}
.m-menu{display:block;}
.lang{display: none;}
.main-menu-inner{padding: 18px 0 70px 0;}
.banner-home .flex-direction-nav {display: none;}
.caption-link a{padding: 15px 100px 15px 20px; font-size: 16px; line-height: 24px;}
.caption-link{width: 100%; height: auto;}
header .logo a{font-size: 20px; line-height: 30px;}
.banner-home .flex-control-nav {bottom: 100px;}
.lang.mbl{display: block;}
.is-sticky .main-menu .main-menu-inner {padding: 15px 0;}
.service-sec{padding: 35px 0;}
.service-inner ul{column-gap: 0; row-gap: 40px;}
.service-inner ul li {flex: 0 1 100%;}
.service-inner ul li h3 {font-size: 20px; line-height: 25px; margin-bottom: 10px;}
.service-inner ul li p{font-size: 14px; line-height: 22px; margin-bottom: 25px;}
.service-inner ul li a {font-size: 14px; width: 130px; height: 36px;}
.service-inner{padding-bottom: 40px;}
.project-list h2{font-size: 24px; line-height: 28px; margin-bottom: 25px;}
.project-list{padding-top: 20px;}
.grid-wrapper ul{grid-gap: inherit; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 30px;}
.grid-wrapper ul li{flex: 0 1 49%;}
.grid-wrapper ul li.wide {grid-column: inherit;}
.grid-wrapper ul li.tall {grid-row: inherit;}
.grid-wrapper ul li .prj-img {height: 220px; margin-bottom: 10px;}
.grid-wrapper ul li .prj-img img{height: 100%; object-fit: cover;}
.grid-wrapper ul li .prj-cnt p{font-size: 14px;line-height: 20px;}
.ver-but{margin-top: 20px;}
.ver-but a{height: 36px; width: 140px;padding: 5px 15px; font-size: 14px;line-height: 30px;}
footer{padding: 25px 0;}
.foot-lft{width: 100%; margin-bottom: 30px; column-gap: 30px; justify-content: space-between;}
.foot-rgt{width: 100%; text-align: left; float: left;}
.foot-lft ul li p, .foot-lft ul li{font-size: 12px; line-height: 20px; }
.foot-lft ul li a{font-size: 12px;line-height: 20px;}
.foot-rgt p{font-size: 12px; line-height: 20px; float: left;}
.foot-lft ul li{margin-bottom: 0;}
.foot-mid{flex-wrap: wrap;}
.foot-btm{padding-top: 12px;}
.foot-btm ul{column-gap: 20px;}
.foot-btm ul li a img {width: 82px;}
.foot-mid ul.avis li a {font-size: 12px;line-height: 20px;}
.foot-btm ul li a, .foot-btm ul li, .foot-btm ul li p{font-size: 8px;line-height: 14px;}
.foot-top{margin-bottom: 0;}
.foot-mid ul.coac li{width: 100%; margin-bottom: 8px;}
.foot-mid ul.coac li img{width: 48px;}
.foot-mid ul.avis li:after {top: 5px;width: 1px;height: 10px;}
.foot-lft ul.coac li img{width: 50px;}
#sc-button{width: 36px; height: 36px; bottom: 145px;}
#sc-button span{width: 16px;height: 16px;background-size: cover;}
/*inner page*/
.hght header.inner-head{background: transparent;}
header.inner-head .logo a {color: #878578;}
header.inner-head .m-menu span{background: #878578;}
header.inner-head .is-sticky .m-menu span{background: #fff;}
.contact-sec h2{font-size: 24px; line-height: 30px; margin-bottom: 20px;}
.contact-sec h3{font-size: 16px; line-height: 22px;margin-bottom: 20px;}
.contact-sec{padding: 0 0 50px 0;}
.contact-inner{column-gap: 0; row-gap: 40px;}
.contact-form {flex: 0 1 100%;position: relative;order: 1;}
.contact-map{width: 100%; order: 2;}
.contact-form ul{row-gap: 10px;}
.contact-form ul li input[type="text"], .contact-form ul li input[type="email"]{font-size: 14px;}
.contact-form ul li label{font-size: 14px;}
.contact-form p,.contact-form p a, .contact-form label, .contact-form label a{font-size: 14px; line-height: 20px;}
.contact-form ul li .c-lft{width: 58%;}
.envir-btn input[type="button"], .envir-btn input[type="submit"]{font-size: 14px;padding: 12px 10px; width: 125px;}
.contact-form ul li:last-child{margin-top: 15px;}
.contact-map iframe{height: 300px;}
.contact-sec h3 br{display: none;}
.contact-form ul li textarea{height: 60px;}
/*project inner*/
.breadcrum {padding: 15px 0 20px 0;}
.analisi-sec{padding: 0 15px; row-gap: 25px;}
.breadcrum ul li{font-size: 14px;}
.analisi-lft {flex: 0 1 100%;padding-top: 0;}
.analisi-pad{padding-right: 0;}
.analisi-rgt {flex: 0 1 100%;}
.analisi-sec h2{font-size: 24px; line-height: 30px; margin-bottom: 20px;}
.analisi-sec p{font-size: 14px; line-height: 22px;}
.analisi-sec p br{display: none;}
.analisi-sec p.txt{margin-top:20px; font-size: 14px;}
.analisi-sec p.txt br{display: block;}
.collab-sec{padding: 50px 0;}
.collab-lft{ flex: 0 1 100%; margin-bottom: 20px;}
.collab-rgt{flex: 0 1 100%; margin-top: 0;}
.collab-sec ul li p{font-size: 14px; line-height: 24px;}
.altres-sec h2{font-size: 24px; line-height: 28px;}
.altres-lft{ width: 100%; float: left; margin-right: 0;}
.altres-rgt{width: 100%; float: left; border-top: none; padding-top: 20px; margin-top: 0;}
#altres-list .item .altres-cnt p{font-size: 16px; line-height: 24px;}
.altres-sec{padding-bottom: 40px;}
.collab-sec h2{font-size: 24px; line-height: 28px;}
header.inner-head.wht {position: relative;background: #f6f6f6;}
.hght header.inner-head.wht{background: transparent;}
.projects-sec{padding: 0 0 50px 0;}
.projects-sec h2{font-size: 24px;line-height: 28px;}
.filter-lst .controls button.filter{font-size: 16px;}
.filter-lst .controls {overflow-x: auto;scrollbar-width: none;flex-wrap: nowrap;}
.mixitp-main-sec { padding: 25px 0 0 0;}
.grid-wrapper.grid-irta{display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 25px;}
.mixitp-lst.noticias .container .mix {flex: 0 1 49%;}
.grid-wrapper.grid-irta div .prj-cnt p{font-size: 14px; line-height: 20px;}
.grid-wrapper.grid-irta div .prj-img{height: 300px; margin-bottom: 10px;}
.grid-wrapper.grid-irta div .prj-img img{object-fit: cover; height: 100%;}
.perfil-inner{column-gap: 10%; row-gap: 50px;}
.perfil-sec {padding: 0 0 40px 0;}
.perfil-sec h2 {font-size: 24px;line-height: 28px; margin-bottom: 30px;}
.perfil-sec h5{font-size: 18px; line-height: 22px;}
.perfil-cont {flex: 0 1 100%;padding-right: 0; order: 3;}
.perfil-sec p, .perfil-sec ul li{font-size: 14px; line-height: 24px;}
.perfil-title {flex: 0 1 45%; align-items: center;display: flex;}
.perfil-img {flex: 0 1 45%; order: 2; height: 300px;}
.perfil-img img{height: 100%;object-fit: cover;}
.perfil-sec h4 {font-size: 16px;line-height: 24px; margin-bottom: 10px;}
.serveis-inner {column-gap: 0; row-gap: 50px;}
.serveis-img {flex: 0 1 100%;}
.serveis-cnt {flex: 0 1 100%;}
.serveis-cnt h2{font-size: 24px; line-height: 28px; margin-bottom: 20px;}
.serveis-cnt ul li h6 {font-size: 14px;}
.serveis-cnt ul li p {font-size: 14px; line-height: 22px;}
.serveis-cnt ul li {padding: 10px 0; column-gap: 4%;}
.serveis-cnt ul li .serveis-tit {flex: 0 1 25%;}
.serveis-cnt ul li .serveis-cnt {flex: 0 1 71%;}
.serveis-sec{padding: 0 0 50px 0;}
.divulg-sec{padding: 0 0 100px 0;}
.divulg-lst {margin-bottom: 30px;}
.divulg-sec h2{font-size: 24px; line-height: 28px; margin-bottom: 15px;}
.divulg-lst ul li {padding: 10px 0; column-gap: 4%;}
.divulg-lst ul li .ulg-date {flex: 0 1 25%;}
.divulg-lst ul li .ulg-cnt{flex: 0 1 71%; column-gap: 0; row-gap: 10px; flex-wrap: wrap;}
.divulg-lst ul li h3 {font-size: 14px;}
.divulg-lst ul li p, .divulg-lst ul li h6 {font-size: 14px; line-height: 22px;}
.divulg-lst ul li .lft {flex: 0 1 100%;}
.divulg-lst ul li .rgt {flex: 0 1 100%;}
.serveis-cnt ul li p br{display: none;}
.grid-wrapper.grid-irta.last{display: none;}
.collab-sec ul li .ar-lft {flex: 0 1 50%;padding-right: 15px;}
.collab-sec ul li .ar-rgt {flex: 0 1 50%;}
.breadcrum ul li:after {font-size: 14px;top: -3px;}
.top-border{padding-top: 15px;}
.is-sticky .m-menu { margin-top: 0;}

.grid-wrapper ul li:not(.tall) .prj-img img {height: 100%;}
.grid-wrapper ul li.tall .prj-img img {height: 100%;}
}

/* Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:639px) {


}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:479px) {
.grid-wrapper ul li{flex: 0 1 100%;}
.collab-sec ul li p{font-size: 13px; line-height: 20px;}
.grid-wrapper.grid-irta div .prj-img{height: 250px;}
#altres-list .item .altres-cnt p {font-size: 14px;line-height: 20px;}
.perfil-img{height: 240px;}
.perfil-sec h5{line-height: 18px; font-size: 13px;}
.breadcrum ul li {font-size: 12px; line-height: 14px;}
.mixitp-lst.noticias .container .mix {flex: 0 1 100%;}
.grid-wrapper.grid-irta div .prj-img{height:inherit;}
}
@media screen and (max-width:359px) {
.grid-wrapper ul li{flex: 0 1 100%;}
.mixitp-lst.noticias .container .mix {flex: 0 1 100%;}
.grid-wrapper.grid-irta div .prj-img{height:inherit;}
.perfil-img{order: 1;flex: 0 1 100%; height: inherit;}
.perfil-title{order: 2;flex: 0 1 100%;}
.perfil-inner {column-gap: 0;row-gap: 20px;}
}