/*neste css esta o código que permite meter tudo responsivo*/

@media screen and (max-width: 950px) {
  .top-image {
    display: none;
  }
  .top-image2 {
    display: block;
  }
}

@media screen and (max-width: 950px) {
  #text {
    font-size: 30px;
    width: 50%;
  }
}

@media screen and (max-width: 890px) {
  .btn-contactohome {
    font-size: 20px;
    width: 15%;
  }
}

@media screen and (max-width: 750px) {
  .btn-contactohome {
    font-size: 20px;
    top: 450px;
    width: 20%;
  }
}
@media screen and (max-width: 600px) {
  .btn-contactohome {
    font-size: 15px;
    top: 430px;
    width: 20%;
  }
}

@media screen and (max-width: 425px) {
  .btn-contactohome {
    font-size: 15px;
    top: 435px;
    width: 30%;
    left: 150px;
  }
}

/*magem de fundo a ficar mais respnsvo*/
@media screen and (max-width: 1364px){
  .bottom-image{
    width: 100%;
    height: 150vh;
    margin-top: 5%;
  }  
}
@media screen and (max-width: 1314px){
  .bottom-image{
    width: 100%;
    height: 150vh;
    margin-top: 20%;
  }  
}
@media screen and (max-width: 1235px){
  .bottom-image{
    width: 250%;
    height: 300px;
    top: 1390px;  
  }  
}
@media screen and (max-width: 1174px){
  .bottom-image{
    width: 300%;
    height: 300px;
    top: 1490px;  
  }  
}
@media screen and (max-width: 1122px){
  .bottom-image{
    width: 250%;
    height: 300px;
    top: 1590px;  
  }  
}
@media screen and (max-width: 1074px){
  .bottom-image{
    width: 250%;
    height: 300px;
    top: 1690px;  
  }  
}
@media screen and (max-width: 1020px){
  .bottom-image{
    width: 250%;
    height: 300px;
    top: 1790px;  
  }  
}
/*Pagina Index 1240*/

@media screen and (max-width: 1240px) {
  [class*="retangle"] {
    width: 80%;
    height: 350px;
  }
}

@media screen and (max-width: 1240px) {
  .box_retangle_primeiro {
    left: 37%;
    width: 300px;
  }
}
@media screen and (max-width: 1240px) {
  .box_retangle_segundo {
    top: 280%;
    left: 37%;
    width: 300px;
  }
}
/*imagem dos retangulos*/
@media screen and (max-width: 1240px) {
  .desenvolvimento-servico img {
    margin-left: 0%;
  }
}

@media screen and (max-width: 1240px) {
  .design-servico img {
    margin-left: 0%;
  }
}

/*texto retangulos*/
@media screen and (max-width: 1240px) {
  #texto-sev3 {
    font-size: 15px;
    left: 25%;
    /*top: 730px;   
        width: 80%;*/
  }
}
@media screen and (max-width: 1240px) {
  #texto-int1 {
    font-size: 12px;
    left: 10%;
    /*top: 730px;   
        width: 80%;*/
  }
}

@media screen and (max-width: 1240px) {
  #texto-sev4 {
    font-size: 15px;
    left: 33%;
    width: 100%;
    /*top: 730px;   
        width: 80%;*/
  }
}

@media screen and (max-width: 1240px) {
  #texto-int2 {
    font-size: 12px;
    left: 10%;
    /*top: 730px;   
        width: 80%;*/
  }
}

/*projetos em destaque index*/
@media screen and (max-width: 1240px) {
  #texto-proj1 {
    top: 320%;
    left: 3%;
    width: 100%;
  }
}

@media screen and (max-width: 1240px) {
  #texto-proj2 {
    width: 100%;
    top: 324%;
    left: 3%;
  }
  a[href="contactos.html"] {
    top: 324%;
  }
}

/*tab portfólio index*/
@media screen and (max-width: 1240px) {
  .portfolio-nav {
    width: 100%;
    top: 320%;
    margin-left: 15px;
  }
}

/*imagens portfólio*/
@media screen and (max-width: 1240px) {
  .bagas-mel {
    top: 350%;
    left: 15%;
  }

  .via-xl {
    top: 360%;
  }

  .soares-cardoso {
    top: 430%;
    left: 15%;
  }

  .cortlar {
    top: 440%;
  }
  .projeto-cortlar.active {
    transform: translateY(2450px);
    margin-left: -8%;
    display: block !important;
  }
}
/*botão ver mais portfólio*/
@media screen and (max-width: 1240px) {
  .btn-mais {
    font-size: 13px;
    width: 20%;
    left: 40%;
    top: 510%;
  }

  #texto-fundo {
    top: 520%;
  }

  #texto-email {
    top: 520%;
  }

  #texto-telef {
    top: 520%;   
  }
  .bottom-image{
    width: 150%;
    height: 200%;
    margin-top: -5%;
  }
}
@media screen and (max-width:1210px) {
  .bottom-image{
    width: 150%;
    height: 200%;
    margin-top: 0%;
  }  
}






/*pagina index 425*/

@media screen and (max-width: 425px) {
  #texto-sev1 {
    font-size: 18px;
    top: 700px;
    left: 3%;
    width: 100%;
  }
}

@media screen and (max-width: 425px) {
  #texto-sev2 {
    font-size: 15px;
    top: 730px;
    left: 12%;
    width: 80%;
  }
}

@media screen and (max-width: 425px) {
  [class*="retangle"] {
    height: 280px;
    width: 80px;
  }
}

@media screen and (max-width: 425px) {
  .box_retangle_primeiro {
    top: -560px;
    left: 7%;
    width: 80%;
  }
}
@media screen and (max-width: 425px) {
  .box_retangle_segundo {
    top: -200px;
    left: 7%;
    width: 80%;
  }
}
/*imagem dos retangulos*/
@media screen and (max-width: 425px) {
  .desenvolvimento-servico img {
    height: 120px;
    width: 170px;
    margin-left: 12%;
  }
}

@media screen and (max-width: 425px) {
  .design-servico img {
    height: 120px;
    width: 170px;
    margin-left: 12%;
  }
}

/*texto retangulos*/
@media screen and (max-width: 425px) {
  #texto-sev3 {
    font-size: 15px;
    left: 25%;
    /*top: 730px;   
        width: 80%;*/
  }
}
@media screen and (max-width: 425px) {
  #texto-int1 {
    font-size: 12px;
    left: 10%;
    /*top: 730px;   
        width: 80%;*/
  }
}

@media screen and (max-width: 425px) {
  #texto-sev4 {
    font-size: 15px;
    left: 33%;
    width: 100%;
    /*top: 730px;   
        width: 80%;*/
  }
}

@media screen and (max-width: 425px) {
  #texto-int2 {
    font-size: 12px;
    left: 10%;
    /*top: 730px;   
        width: 80%;*/
  }
}

/*botão ver mais dos retangulos*/
@media screen and (max-width: 425px) {
  .btn-desenver {
    font-size: 13px;
    width: 35%;
    left: 32%;
    top: 80%;
  }
}

/*projetos em destaque index*/

@media screen and (max-width: 425px) {
  #texto-proj1 {
    font-size: 18px;
    top: 225%;
    left: 3%;
    width: 100%;
  }
}

@media screen and (max-width: 425px) {
  #texto-proj2 {
    font-size: 15px;
    width: 100%;
    top: 228%;
  }
  a[href="contactos.html"] {
    font-size: 15px;
    top: 228%;
  }
}

/*tab portfólio index*/
@media screen and (max-width: 425px) {
  .portfolio-nav {
    font-size: 13px;
    width: 100%;
    top: 223%;
    margin-left: -15px;
  }
}

/*imagens portfólio*/
@media screen and (max-width: 425px) {
  .bagas-mel {
    top: 245%;
    left: 15%;
  }
  .imagem-bagas img {
    width: 300px;
    height: 350px;
  }
  #title-bagas {
    font-size: 15px;
  }
  #bagas-descricao {
    font-size: 15px;
    left: -24%;
  }

  .via-xl {
    top: 305%;
    left: 15%;
  }
  .imagem-via img {
    width: 300px;
    height: 350px;
  }
  #title-via {
    font-size: 15px;
  }
  #via-descricao {
    font-size: 15px;
    left: -23%;
    top: 60%;
  }

  .soares-cardoso {
    top: 365%;
    left: 15%;
  }
  .imagem-soares img {
    width: 300px;
    height: 350px;
  }
  #title-soares {
    font-size: 15px;
  }
  #soares-descricao {
    font-size: 15px;
    left: -23%;
    top: 37%;
  }

  .cortlar {
    top: 425%;
    left: 15%;
  }
  .imagem-cortlar img {
    width: 300px;
    height: 350px;
  }
  #title-cortlar {
    font-size: 15px;
  }
  #cortlar-descricao {
    font-size: 15px;
    left: -34%;
    top: 50%;
  }
  .projeto-cortlar.active {
    transform: translateY(333px);
    margin-left: 0%;
    display: block !important;
  }
}
/*botão ver mais portfólio*/
@media screen and (max-width: 425px) {
  .btn-mais {
    font-size: 13px;
    width: 35%;
    left: 32%;
    top: 480%;
  }

  #texto-fundo {
    display: none;
  }

  #texto-email {
    font-size: 13px;
    top: 492%;
    left: 5%;
  }

  #texto-telef {
    font-size: 13px;
    top: 492%;
    left: 65%;
  }
}

@media screen and (max-width: 425px) {
  .bottom-image img {
    display: none;
  }
  .bottom-imageDesenWeb img{
    display: none;
  }

  .bottom-image2 img {
    display: block;
    width: 180%;
    height: 500%;
    margin-top: 70%;
  }
  .bottom-image3 img {
    display: block;
    width: 180%;
    height: 500%;
    margin-top: 80%;
  }
  .bottom-image4 img{
    display: block;
    width: 180%;
    height: 500%;
    margin-top: 47%;
  }
  .bottom-image5 img{
    display: block;
    width: 290%;
    height: 500%;
    margin-top: 90%;
  }
}

/*menu em 425*/
@media screen and (max-width: 425px) {
  .nav-overlay-container {
    background-image: none !important;
    background-color: #6a3db5;
    width: 130%;
    margin-left: -30px;
    height: 130%;
    margin-top: -30px;
    position: relative;
  }

  .nav-links li a {
    font-size: 30px;
    margin-left: -120px;
  }

  .dropdown-menu li a {
    position: relative;
    font-size: 12px;
    letter-spacing: 1px;
    margin-left: -55px;
    margin-top: 5%;
  }
  .btn-servico11 {
    font-size: 30px;
    margin-left: -120px;
  }
}

/*_______________Página sobre 425 _____________*/

@media screen and (max-width: 425px) {
  .imagem-sobre img {
    width: 350px;
    height: 350px;
    margin-left: 5px;
  }
  #titulo-sobre {
    left: 57%;
    top: 70%;
    font-size: 30px;
  }

  #descrição-sobre {
    left: 5%;
    top: 90%;
    font-size: 15px;
    width: 90%;
    line-height: 30px;
  }
  #texto-destingue {
    font-size: 18px;
    top: 117%;
    width: 100%;
    left: 2%;
  }
  #texto-destingue2 {
    font-size: 15px;
    top: 125%;
    width: 90%;
    left: 5%;
  }
}
/*retangulos sobre*/
@media screen and (max-width: 425px) {
  [class*="retangle1"] {
    height: 240px;
    width: 80px;
  }
}

@media screen and (max-width: 425px) {
  .box_retangle1_primeiro1 {
    top: 400px;
    left: 7%;
    width: 80%;
  }
}
@media screen and (max-width: 425px) {
  .box_retangle1_segundo2 {
    top: 705px;
    left: 7%;
    width: 80%;
  }
}
@media screen and (max-width: 425px) {
  .box_retangle1_terceiro3 {
    top: 1030px;
    left: 7%;
    width: 80%;
  }
}
/*imagem dos retangulos*/
@media screen and (max-width: 425px) {
  .inovacao-criatividade img {
    height: 120px;
    width: 170px;
    margin-left: 12%;
  }
}

@media screen and (max-width: 425px) {
  .processo-trabalho img {
    height: 120px;
    width: 170px;
    margin-left: 12%;
  }
}

@media screen and (max-width: 425px) {
  .experiencia-qualidade img {
    height: 120px;
    width: 170px;
    margin-left: 12%;
  }
}

/*texto retangulos*/
@media screen and (max-width: 425px) {
  #texto-inovar {
    font-size: 15px;
    left: 23.5%;
    top: 20%;
    width: 100%;
    /*top: 730px;   
    width: 80%;*/
  }
  #texto-ivovarDescri {
    font-size: 12px;
    left: 5%;
    top: 42%;
    /*top: 730px;   
    width: 80%;*/
  }
}

@media screen and (max-width: 425px) {
  #texto-processo {
    font-size: 15px;
    left: 25%;
    top: 20%;
    width: 100%;
    /*top: 730px;   
            width: 80%;*/
  }
  #texto-processoDescri {
    font-size: 12px;
    left: 0%;
    top: 42%;
    /*top: 730px;   
            width: 80%;*/
  }
}

@media screen and (max-width: 425px) {
  #texto-experiencia {
    font-size: 15px;
    left: 25%;
    top: 20%;
    width: 100%;
    /*top: 730px;   
            width: 80%;*/
  }
  #texto-experienciadescri {
    font-size: 12px;
    left: 0%;
    top: 42%;
    /*top: 730px;   
    width: 80%;*/
  }
  .btn-contactar {
    top: 280%;
    left: 26%;
  }
}

@media screen and (max-width: 425px) {
  .imagem-clientes img {
   display: none;
  }
  #texto-clientes {
    font-size: 18px;
    left: 2%;
    width: 100%;
    top: 300%;
    /*top: 730px;   
    width: 80%;*/
  }
  #texto-clientes2{
        font-size: 15px;
        left: 5%;
        top: 308%;
        width: 90%;
        /*top: 730px;   
        width: 80%;*/
    }
  .retanguloClientes{
        width: 370px;
        height: 500px;
        left: 25px;
        top: 325%;
    }
    /*logos que estão dentro do retangulo*/
    .logo-bpi img{
        width: 100px;
    }
    .logo-bpi{
        filter: grayscale(0%);
        opacity: 1;
        transition: none;
    }
    .logo-ctt img{
        width: 100px;
    }
    .logo-ctt{
        filter: grayscale(0%);
        opacity: 1;
        transition: none;
    }
    .logo-cuf img{
        width: 100px;
    }
    .logo-cuf{
        filter: grayscale(0%);
        opacity: 1;
        transition: none;
    }

    .logo-db img{
        width: 100px;
    }
    .logo-db{
        filter: grayscale(0%);
        opacity: 1;
        transition: none;
    }
    .logo-decathlon img{
        width: 100px;
    }
    .logo-decathlon{
        filter: grayscale(0%);
        opacity: 1;
        transition: none;
    }    

    .logo-delnext img{
        width: 100px;
    }
    .logo-delnext{
        filter: grayscale(0%);
        opacity: 1;
        transition: none;
    } 

    .logo-galp img{
        width: 100px;
    }
    .logo-galp{
        filter: grayscale(0%);
        opacity: 1;
        transition: none;
    }
    .logo-gls img{
        width: 100px;
    }
    .logo-gls{
        filter: grayscale(0%);
        opacity: 1;
        transition: none;
    }
    .logo-meo img{
        width: 100px;
    }
    .logo-meo{
        filter: grayscale(0%);
        opacity: 1;
        transition: none;
    }

    .logo-vodafone img{
        width: 100px;
    }
    .logo-vodafone{
        filter: grayscale(0%);
        opacity: 1;
        transition: none;
    }
    .logo-viaverde img{
        width: 100px;
    }
    .logo-viaverde{
        filter: grayscale(0%);
        opacity: 1;
        transition: none;
    }
    .logo-tranquilidade img{
        width: 100px;
    }
    .logo-tranquilidade{
        filter: grayscale(0%);
        opacity: 1;
        transition: none;
    }

    .logo-viadireta img{
        width: 100px;
    }
    .logo-viadireta{
        filter: grayscale(0%);
        opacity: 1;
        transition: none;
    }
    .logo-santo img{
        width: 100px;
    }
    .logo-santo{
        filter: grayscale(0%);
        opacity: 1;
        transition: none;
    }
    .logo-repsol img{
        width: 100px;
    }
    .logo-repsol{
        filter: grayscale(0%);
        opacity: 1;
        transition: none;
    }
    .logo-envialia img{
        width: 100px;
    }
    .logo-envialia{
        filter: grayscale(0%);
        opacity: 1;
        transition: none;
    }

    /*alterar logar*/
    .logo-bpi{
        top: 10%;
        left: 4%;
    }
    .logo-ctt{
        top: 10%;
        left: 35%;
    }
    .logo-cuf{
        top: 10%;
        left: 70%;
    }

    .logo-db{
        top: 25%;
        left: 4%;
    }
    .logo-decathlon{
        top: 25%;
        left: 36%;
    }
    .logo-delnext{
        top: 25%;
        left: 70%;
    }

    .logo-galp{
        top: 40%;
        left: 4%;
    }
    .logo-gls{
        top: 40%;
        left: 36%;
    }
    .logo-meo{
        top: 40%;
        left: 70%;
    }

    .logo-vodafone{
        top: 55%;
        left: 4%;
    }
    .logo-viaverde{
        top: 55%;
        left: 36%;
    }
    .logo-tranquilidade{
        top: 55%;
        left: 70%;
    }

    .logo-viadireta{
        top: 70%;
        left: 4%;
    }
    .logo-santo{
        top: 70%;
        left: 36%;
    }
    .logo-repsol{
        top: 70%;
        left: 70%;
    }
    .logo-envialia{
        top: 85%;
        left: 4%;
    }
}

@media screen and (max-width: 425px) {
    #texto-fundosobre {
      display: none;
    }
  
    #texto-emailsobre {
      font-size: 13px;
      top: 402%;
      left: 5%;
    }
  
    #texto-telefsobre {
      font-size: 13px;
      top: 402%;
      left: 65%;
    }
  }

/*_____________Desenvolvimento web 425_____________*/

@media screen and (max-width: 425px) {
    .imagem-desenvoWeb img {
      width: 350px;
      height: 350px;
      margin-left: 5px;
      margin-top: 15%;
    }
    .top-image1{
      display: none;
    }
    
    #titulo-desenvolve1 {
      left: 58%;
      top: 70%;
      font-size: 30px;
      width: 100%;
    }
    #texto-destingue {
      font-size: 18px;
      top: 117%;
      width: 100%;
      left: 2%;
    }
    #texto-destingue2 {
      font-size: 15px;
      top: 125%;
      width: 90%;
      left: 5%;
    }
    .imagem-criacao img{
      display: block;
      width: 350px;
      margin-left: 10%;
      margin-top: 35%;
    }
    .btn-contactardesen{
        margin-left: -17%;
        margin-top: -10%;
    }
}
/*tornar responsivo o processo de criação*/
@media screen and (max-width: 425px){
  .process{
    display: none;
  }
}

/*projetos em destaque index*/

@media screen and (max-width: 425px) {
    #texto-desenolvimentoproj1 {
      font-size: 18px;
      top: 185%;
      left: 0%;
      width: 100%;
    }
  }
  
  @media screen and (max-width: 425px) {
    #texto-densenvolcimentoproj2 {
      font-size: 15px;
      width: 100%;
      top: 188%;
    }
    a[href="contactos.html"] {
      font-size: 15px;
      top: 228%;
    }
  }
  
  /*imagens portfólio*/
  @media screen and (max-width: 425px) {
    .permis {
      top: 205%;
      left: 15%;
    }
    #title-permis {
      font-size: 15px;
    }
    #permis-descricao {
      font-size: 15px;
      left: -35%;
      top:20%;
    }
  
    .FPR {
      top: 265%;
      left: 15%;
    }
    #title-FPR{
      font-size: 15px;
    }
    #FPR-descricao {
      font-size: 15px;
      left: -34%;
      top: 35%;
    }
  
    .alore {
      top: 325%;
      left: 15%;
    }
    .imagem-soares img {
      width: 300px;
      height: 350px;
    }
    #title-allure {
      font-size: 15px;
    }
    #allure-descricao {
      font-size: 15px;
      left: -32%;
      top: 30%;
    }
  
    .cortlar2{
      top: 385%;
      left: 15%;
    }
    .imagem-cortlar img {
      width: 300px;
      height: 350px;
    }
    #title-cortlar {
      font-size: 15px;
    }
    #cortlar-descricao {
      font-size: 15px;
      left: -34%;
      top: 50%;
    }
}
/*texto contactos*/
@media screen and (max-width: 425px) {
  #texto-fundodesenvolvimento {
    display: none;
  }
  #texto-emaildesenvolvimento {
    font-size: 13px;
    top: 450%;
    left: 5%;
  }

  #texto-telefdesenvolvimento {
    font-size: 13px;
    top: 450%;
    left: 65%;
  }
  .btn-mais2 {
    font-size: 13px;
    width: 35%;
    left: 32%;
    top: 440%;
  }
}

/*________________Design Grafico 425___________*/

@media screen and (max-width: 425px) {
  .imagem-DGrafico img{
    width: 350px;
    height: 350px;
    margin-left: 5px; 
    margin-top: 8px;   
  }
  #titulo-sobredesign {
    left: 74%;
    top: 72%;
    font-size: 30px;
    width: 100%;
  }
}

/*retangulos design grafico*/

@media screen and (max-width: 425px) {
  [class*="retangle5"] {
    height: 240px;
    width: 80px;
  }
}

@media screen and (max-width: 425px) {
  .box_retangle5_primeiro11 {
    top: 350px;
    left: 6%;
    width: 80%;
  }
}
@media screen and (max-width: 425px) {
  .box_retangle5_segundo22 {
    top: 660px;
    left: 6%;
    width: 80%;
  }
}
@media screen and (max-width: 425px) {
  .box_retangle5_terceiro33 {
    top: 980px;
    left: 6%;
    width: 80%;
  }
}
/*imagem dos retangulos*/
@media screen and (max-width: 425px) {
  .identidadeVisual img {
    height: 120px;
    width: 170px;
    margin-left: 12%;
  }
}

@media screen and (max-width: 425px) {
  .design-digital img {
    height: 120px;
    width: 170px;
    margin-left: 12%;
  }
}

@media screen and (max-width: 425px) {
  .design-marchandising img {
    height: 120px;
    width: 170px;
    margin-left: 12%;
  }
}

/*texto retangulos*/
@media screen and (max-width: 425px) {
  #texto-identidadeVi {
    font-size: 15px;
    left: 28%;
    top: 20%;
    width: 100%;
    /*top: 730px;   
    width: 80%;*/
  }
  #texto-identidadedescri{
    font-size: 12px;
    left: 5%;
    top: 42%;
    /*top: 730px;   
    width: 80%;*/
  }
}

@media screen and (max-width: 425px) {
  #texto-digitalDesign {
    font-size: 15px;
    left: 33%;
    top: 20%;
    width: 100%;
    /*top: 730px;   
            width: 80%;*/
  }
  #texto-designDescri {
    font-size: 12px;
    left: 0%;
    top: 42%;
    /*top: 730px;   
            width: 80%;*/
  }
}

@media screen and (max-width: 425px) {
  #texto-merchandising {
    font-size: 15px;
    left: 21%;
    top: 20%;
    width: 100%;
    /*top: 730px;   
            width: 80%;*/
  }
  #texto-merchandisingDescri {
    font-size: 12px;
    left: 0%;
    top: 42%;
    /*top: 730px;   
    width: 80%;*/
  }
  .btn-contactarDesign {
    top: 270%;
    left: 26%;
  }
}


/*projetos em destaque design grafico*/

@media screen and (max-width: 425px) {
  #texto-design {
    font-size: 18px;
    top: 290%;
    left: 3%;
    width: 100%;
  }
}

@media screen and (max-width: 425px) {
  #texto-ddesign2 {
    font-size: 15px;
    width: 100%;
    top: 294%;
  }
}


/*imagens portfólio*/
@media screen and (max-width: 425px) {
  .bagasDesign{
    top: 310%;
    left: 15%;
  }
  .imagem-bagas img {
    width: 300px;
    height: 350px;
  }
  #title-bagasDesign{
    font-size: 15px;
  }
  #descricao-bagasDesign {
    font-size: 15px;
    left: -24%;
  }

  .viaDesign {
    top: 370%;
    left: 15%;
  }
  .imagem-via img {
    width: 300px;
    height: 350px;
  }
  #title-viaDesign {
    font-size: 15px;
  }
  #descricao-viaDesign {
    font-size: 15px;
    left: -23%;
    top: 60%;
  }

  .soaresDesign{
    top: 430%;
    left: 15%;
  }
  .imagem-soares img {
    width: 300px;
    height: 350px;
  }
  #title-soaresDesign{
    font-size: 15px;
  }
  #descricao-soaresDesign {
    font-size: 15px;
    left: -23%;
    top: 37%;
  }

  .nectaresDao {
    top: 490%;
    left: 15%;
  }
  .imagem-cortlar img {
    width: 300px;
    height: 350px;
  }
  #title-nectares {
    font-size: 15px;
  }
  #nectares-descricao {
    font-size: 15px;
    left: -23%;
    top: 40%;
  }
}
/*botão ver mais portfólio*/
@media screen and (max-width: 425px) {
  .btn-mais3 {
    font-size: 13px;
    width: 35%;
    left: 32%;
    top: 545%;
  }
}

/*texto contactos*/
@media screen and (max-width: 425px) {
  #texto-fundodesenvolvimento {
    display: none;
  }
  #texto-emaildesenvolvimento1 {
    font-size: 13px;
    top: 555%;
    left: 5%;
  }

  #texto-telefdesenvolvimento1 {
    font-size: 13px;
    top: 555%;
    left: 65%;
  }
  .bottom-imageDesign{
    display: none;
  }
}

@media screen and (max-width: 425px) {
  .fundoprtfolio-image img {
    display: none;
  } 
}

/*______________página portfólio 425____________________*/

@media screen and (max-width: 425px) {
  #texto-paginaPortflolio1 {
    font-size: 30px;
    left: 3%;
    top: 20%;
    width: 100%;
  } 
}
@media screen and (max-width: 425px) {
  #texto-descricaoPortflolio2 {
    font-size: 12px;
    left: 0%;
    top: 25%;
  } 
}
@media screen and (max-width: 425px) {
  .portfolio-nav1 {
    font-size: 13px;
    width: 100%;
    top: 22%;
    margin-left: -15px;
  }
}

/*imagens portfólio*/
@media screen and (max-width: 425px) {
  .portfolioBagas-mel {
    top: 45%;
    left: 15%;
  }
  .imagem-bagas img {
    width: 300px;
    height: 350px;
  }
  #title-bagas {
    font-size: 15px;
  }
  #bagas-descricao {
    font-size: 15px;
    left: -24%;
  }

  .Portfoliovia-xl {
    top: 105%;
    left: 15%;
  }
  .imagem-via img {
    width: 300px;
    height: 350px;
  }
  #title-via {
    font-size: 15px;
  }
  #via-descricao {
    font-size: 15px;
    left: -23%;
    top: 60%;
  }

  .portfolioSoares-cardoso {
    top: 165%;
    left: 15%;
  }
  .imagem-soares img {
    width: 300px;
    height: 350px;
  }
  #title-soares {
    font-size: 15px;
  }
  #soares-descricao {
    font-size: 15px;
    left: -23%;
    top: 37%;
  }

  .portfolioCortlar {
    top: 225%;
    left: 15%;
  }
  .imagem-cortlar img {
    width: 300px;
    height: 350px;
  }
  #title-cortlar {
    font-size: 15px;
  }
  #cortlar-descricao {
    font-size: 15px;
    left: -34%;
    top: 50%;
  }
  .projeto-projeto.active {
    transform: translateY(333px);
    margin-left: 0%;
    display: block !important;
  }
  .PortfolioFPR {
    top: 285%;
    left: 15%;
  }
  .imagem-via img {
    width: 300px;
    height: 350px;
  }
  #title-FPR {
    font-size: 15px;
  }
  #FPR-descricao {
    font-size: 15px;
    left: -34%;
    top: 35%;
  }
  .fpr-projeto.active {
    transform: translateY(750px);
    margin-left: 0%;
    display: block !important;
  }
  .PortfolioAlore {
    top: 345%;
    left: 15%;
  }
  .imagem-soares img {
    width: 300px;
    height: 350px;
  }
  #title-allure {
    font-size: 15px;
  }
  #allure-descricao{
    font-size: 15px;
    left: -32.5%;
    top: 45%;
  }
  .alore-projeto.active {
    transform: translateY(1170px);
    margin-left: 0%;
    display: block !important;
  }
}

@media screen and (max-width: 425px) {
  #texto-fundoProtfolio{
    display: none;
  } 
  #texto-emailPortfolio{
    font-size: 13px;
    top: 410%;
    left: 5%;
  }
  #texto-telefPortfolio{
    font-size: 13px;
    top: 410%;
    left: 65%;
  }
  .btn-maisportf{
    font-size: 13px;
    width: 35%;
    left: 32%;
    top: 400%;
  }
}

/*____________Página contactos__________*/

@media screen and (max-width: 425px) {
  .fundocontacto-image img{
    display: none;
  }
  .contactos-texto{
    font-size: 30px;
    margin-left: -10%;
    margin-top: 5%;
  }
  .container1{
    max-width: 385px;
    width: 195%;
    margin-left: -30%;
  }
}

/*margem de altura*/
@media screen and (max-height: 550px) {
  .btn-contactohome{
    margin-top: 5%;
  }
  [class$="primeiro"]{
    margin-top: -25%;
  }
  [class$="segundo"]{
    margin-top: -25%;
  }
  #texto-proj1{
    margin-top: 10%;
  }
  #texto-proj2{
    margin-top: 10%;
  }
  .portfolio-nav{
    margin-top: 12%;
  }
  .bagas-mel{
    margin-top: 15%;
  }
  .via-xl{
    margin-top: 15%;
  }
  .soares-cardoso{
    margin-top: 25%;
  }
  .cortlar{
    margin-top: 25%;
  }
  .btn-mais{
    margin-top: 37%;
  }
  #texto-fundo{
    margin-top: 40%;
  }
  #exto-email{
    margin-top: 40%;
  }
  #texto-telef{
    margin-top: 40%;
  }
}
@media screen and (max-height: 550px) {
  #descrição-sobre{
    margin-top: 5%;    
  }
  #texto-destingue{
    margin-top: 10%;    
  }
  #texto-destingue2{
    margin-top: 10%;    
  }
  [class$="primeiro1"]{
    margin-top: -5%;
  }
  [class$="segundo2"]{
    margin-top: -5%;
  }
  [class$="terceiro3"]{
    margin-top: -5%;
  }
  .btn-contactar{
    margin-top: 23%;
  }
  #texto-clientes{
    margin-top: 20%;
  }
  #texto-clientes2{
    margin-top: 20%;
  }
  .imagem-clientes{
    margin-top: 25%;
  }
  .retanguloClientes{
    margin-top: 25%;
  }
  .fundoS-image{
    margin-top: 15%;
  }
  #texto-fundosobre{
    margin-top: 37%;
  }
  #texto-emailsobre{
    margin-top: 37%;
  }
  #texto-telefsobre{
    margin-top: 37%;
  }
}