@media only screen and (min-width: 1921px){
    .empresa-especializada{
        width: 90vw;
    }

    .banner-categorias > h3{
        width: 12em;
    }

    .solucao-necessidades{
        width: 90vw;
    }

    .bomba-de-agua{
        width: 40em;
    }

    .marcas-parceiras{
        width: 90vw;
    }

    .footer-jjsantos{
        width: 90vw;
    }

    .shirt-section{
        width: 90vw;
    }

    .sobrenos-second{
        width: 90vw;
    }

    .fachada-jj{
        width: 90vw;
    }

    .selector-produtos{
        width: 90vw;
    }

    .form-container{
        width: 90vw;
    }
}

@media only screen and (max-width: 1900px){
    .empresa-especializada > div > p{
        font-size: 4em;
    }

    .titulo-damossolucao{
        font-size: 4em;
    }

    .banner-categorias > h3{
        font-size: 2.5em;
    }
}

@media only screen and (max-width: 1750px){
    .titles-sobre > h1{
        font-size: 9em;
    }

    .titles-sobre > h2{
        font-size: 2em;
    }

    .text-sobrenos > div:nth-child(2){
        flex-basis: 125%;
    }
}

@media only screen and (max-width: 1800px){
    .grid-mosaico > div{
        height: 400px;
    }

    .produtos-selector{
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media only screen and (max-width: 1650px){
    .grid-mosaico > div{
        height: 350px;
    }

    .text-contact > p{
        margin: 0 3em;
    }

    form{
        margin: 0 3em;
    }

    .square-info > p{
        font-size: 1.5em;
    }
}

@media only screen and (max-width: 1600px){
    .text-sobrenos > div:nth-child(2){
        flex-basis: 110%;
    }

    .hero-sobre{
        margin-top: 8em!important;
    }
}

@media only screen and (max-width: 1525px){
    .text-contact > p{
        margin: 0 1em;
    }

    form{
        margin: 0 1em;
    }

    .empresa-especializada > div > p{
        font-size: 3em;
    }

    .titulo-damossolucao{
        font-size: 3em;
    }

    .bomba-de-agua{
        width: 30em;
    }

    .empresa-especializada-picr{
        height: 35em;
    }

    .main-titles > div > h2{
        font-size: 4em;
    }

    .empresa-especializada-picl{
        height: 40em;
    }

    .empresa-especializada-picr{
        height: 25em;
    }

    .main-sobrenos > p{
        font-size: 1.5em;
    }

    .shirt-section > div{
        font-size: 1.25em;
    }

    .sobrenos-second > div:nth-child(1){
        font-size: 1.25em;
    }

    .fachada-jj{
        height: 35em;
    }
}

@media only screen and (max-width: 1500px){
    .grid-mosaico > div{
        height: 300px;
    }

    #square1{
        font-size: 1.2em!important;
    }

    .text-sobrenos > div:nth-child(1) > h3{
        font-size: 2.5em;
    }

    .square-info > p{
        font-size: 1.2em;
    }

    .areas-de-atuacao{
        flex-wrap: wrap;
        justify-content: center;
        gap: 5em;
    }

    .areas-de-atuacao > div{
        width: 25em;
    }
}

@media only screen and (max-width: 1450px){
    .webp .header-sobrenos{
        background-position: top right;
        background-image: url('../images/header-sobrenos-jjsantos-mob.webp')!important;
    }

    .no-webp .header-sobrenos{
        background-position: top right;
        background-image: url('../images/header-sobrenos-jjsantos-mob.jpg')!important;
    }

    .banner-categorias > h3:nth-child(3)::after{
        content: '';
        width: 0.5em;
        height: 0.5em;
        /* background-color: red; */
        position: absolute;
        left: -1em;
        background-image: unset;
    }
    
    .banner-categorias > h3:nth-child(4)::after{
        content: '';
        width: 0.5em;
        height: 0.5em;
        /* background-color: red; */
        position: absolute;
        left: -1em;
        background-image: unset;
    }
    
    .banner-categorias > h3:nth-child(6)::after{
        content: '';
        width: 0.5em;
        height: 0.5em;
        /* background-color: red; */
        position: absolute;
        left: -1em;
        background-image: unset;
    }
}

@media only screen and (max-width: 1420px){
    .text-contact > p{
        margin: unset;
    }

    form{
        margin: unset;
    }
}

@media only screen and (max-width: 1400px){
    .titles-sobre > h1{
        font-size: 7em;
    }

    .banner-categorias > h3:nth-child(3)::after{
        content: '';
        width: 0.5em;
        height: 0.5em;
        /* background-color: red; */
        position: absolute;
        left: -1em;
        background-image: url('../images/SVG/bullet.svg');
    }

    .banner-categorias > h3:nth-child(4)::after{
        content: '';
        width: 0.5em;
        height: 0.5em;
        /* background-color: red; */
        position: absolute;
        left: -1em;
        background-image: url('../images/SVG/bullet.svg');
    }

    .banner-categorias > h3:nth-child(6)::after{
        content: '';
        width: 0.5em;
        height: 0.5em;
        /* background-color: red; */
        position: absolute;
        left: -1em;
        background-image: url('../images/SVG/bullet.svg');
    }
}

@media only screen and (max-width: 1365px){
    .text-contact{
        font-size: 1.3em;
    }
}

@media only screen and (max-width: 1300px) {
    #square1{
        width: 50%!important;
    }

    #square2{
        width: 50%!important;
    }

    #square3{
        width: 100%!important;
    }

    #square4{
        width: 50%!important;
    }

    #square4{
        width: 50%!important;
    }

    #square5{
        width: 50%!important;
    }

    #square6{
        width: 50%!important;
    }

    #square7{
        width: 50%!important;
    }

    .grid-mosaico > div{
        height: 350px;
    }

    .areas-de-atuacao > div > div > h3{
        font-size: 1.5em;
    }

    .maintenance-icon{
        height: 2em;
        width: 2em;
    }

    .areas-de-atuacao > div > p{
        font-size: 1em;
    }

    .areas-de-atuacao > div{
        width: 20em;
    }

    .banner-categorias > h3{
        font-size: 2em;
    }

    .empresa-especializada > div > p{
        font-size: 2.5em;
    }

    .titulo-damossolucao{
        font-size: 2.5em;
    }

    .bomba-de-agua{
        width: 25em;
    }

    .btn-conversar > p{
        font-size: 1.2em;
    }

    .call-icon{
        height: 3.2em;
    }
    
    .prefooter{
        font-size: 2em;
    }

    footer{
        font-size: 1em;
    }

    nav > div > a{
        font-size: 1em;
    }

    .logotipo{
        width: 2.5em;
    }

    .navigation-menu{
        gap: 2em;
    }

    header{
        min-height: 50em!important;
    }

    .main-titles > div > h2{
        font-size: 3em;
    }

    .main-titles > h1{
        font-size: 1.8em;
    }

    .empresa-especializada-picl{
        height: 35em;
    }

    .empresa-especializada-picr{
        height: 20em;
    }

    .produtos-selector{
        grid-template-columns: 1fr 1fr 1fr;
        width: 55vw;
        gap: 1em;
    }

    .header-contactos{
        background-position: center!important;
    }

}

@media only screen and (max-width: 1250px) {
    .text-sobrenos{
        flex-direction: column;
    }

    .text-sobrenos > div:nth-child(1) > h3{
        font-size: 2.5em;
        max-width: 21em;
        margin-bottom: 0.5em;
    }

    .text-sobrenos > div:nth-child(2){
        flex-basis: 100%;
    }

    .text-sobrenos > div:nth-child(2) > div{
        gap: 1em;
    }

    .bomba-de-agua{
        width: 23em;
    }

    .produtos-selector{
        grid-template-columns: 1fr 1fr;
        width: 50vw;
        gap: 1em;
    }
}

@media only screen and (max-width: 1200px){
    .text-contact{
        font-size: 1.2em;
    }

    footer{
        font-size: 0.9em;
    }

    .texto-damossolucao{
        width: 25em;
    }

    .banner-categorias > h3{
        font-size: 1.75em;
    }
}

@media only screen and (max-width: 1150px) {
    .atributos-main{
        flex-wrap: wrap;
    }

    .atributos-main > div{
        width: 50%;
        margin-bottom: 1em;
    }

    .grid-mosaico > div{
        height: 300px;
    }

    .bomba-de-agua{
        width: 25em;
    }

    .cta-footer > div:nth-child(2){
        flex-direction: column;
        margin-top: 1em;
    }

    .titles-sobre > h1{
        font-size: 7em;
    }

    .navigation-menu{
        gap: 2.5em;
    }

    .footer-jjsantos > p{
        font-size: 1.2em;
    }

    .footer-jjsantos > h2{
        font-size: 2.5em;
    }

    .main-sobrenos > p{
        font-size: 1.25em;
    }

    .shirt-section > div{
        font-size: 1.15em;
    }

    .sobrenos-second > div:nth-child(1){
        font-size: 1.15em;
    }

  }

  @media only screen and (max-width: 1060px) {
    .bomba-de-agua{
        width: 20em;
    }

    .titles-sobre > h1{
        font-size: 5em;
    }

    .hero-sobre{
        height: 30em!important;
    }

    .sobrenos-second{
        flex-direction: column-reverse;
        gap: 3em;
        margin: 5em auto 0;
    }

    .sobrenos-second > div:nth-child(2){
        min-height: 35em;
    }

    .sobrenos-second{
        height: unset;
    }

    .fachada-jj{
        margin: 3em auto 0;
    }

    .shirt-section > div{
        font-size: 1em;
    }

    .sobrenos-second > div:nth-child(1){
        font-size: 1em;
    }

    .shirt-section{
        margin: 3em auto 0;
    }

    .sobrenos-second{
        margin: 3em auto 0;
    }
  }

  @media only screen and (max-width: 1000px){
    .hero-sobre{
        height: 26em!important;
    }

    .empresa-especializada{
        flex-direction: column;
        gap: 3em;
    }

    .empresa-especializada-picl{
        min-height: 35em;
        min-width: 90vw;
    }

    .empresa-especializada-picl{
        background-position: bottom center;
    }

    .empresa-especializada > div > p{
        max-width: 90vw;
        font-size: 3em;
    }

    .empresa-especializada > div:nth-child(2){
        gap: 3em;
    }

    .empresa-especializada-picl{
        min-height: 65em;
    }

    .banner-categorias > h3{
        font-size: 2em;
    }

    .titulo-damossolucao{
        font-size: 3em;
    }

    .produtos-selector{
        grid-template-columns: 1fr 1fr;
    }

    .banner-categorias > h3:nth-child(3)::after{
        content: '';
        width: 0.5em;
        height: 0.5em;
        /* background-color: red; */
        position: absolute;
        left: -1em;
        background-image: unset;
    }

    .banner-categorias > h3:nth-child(4)::after{
        content: '';
        width: 0.5em;
        height: 0.5em;
        /* background-color: red; */
        position: absolute;
        left: -1em;
        background-image: unset;
    }

    .banner-categorias > h3:nth-child(6)::after{
        content: '';
        width: 0.5em;
        height: 0.5em;
        /* background-color: red; */
        position: absolute;
        left: -1em;
        background-image: unset;
    }
  }

  @media only screen and (max-width: 955px){
    .btn-conversar > p{
        padding: 0 2.5em;
    }

    .cta-footer > div:nth-child(1){
        font-size: 1.5em;
    }

    .cta-footer > div:nth-child(2){
        font-size: 1.5em;
    }

    .solucao-necessidades{
        flex-direction: column;
        gap: 3em;
    }

    .bomba-de-agua{
        width: 90vw;
        min-height: 63em;
    }

    .marcas-parceiras{
        margin: 3em auto 0;
    }

    .footer-jjsantos{
        margin: 3em auto 0;
    }

    .frase-solta{
        margin: 3em auto;
        font-size: 1.25em;
    }

    .selector-produtos{
        margin: 3em auto;
        flex-direction: column;
        gap: 3em;
    }

    .produtos-selector{
        grid-template-columns: 1fr 1fr 1fr 1fr;
        width: 90vw;
    }

    .categoria-selector{
        position: relative;
        top: unset;
        display: flex;
        flex-direction: row;
        gap: 1em;
        flex-wrap: wrap;
        font-size: 1.25em;
    }

    .produto-single{
        width: 10em;
    }
  }

  @media only screen and (max-width: 920px){
    footer{
        font-size: 0.8em;
    }
  }

  @media only screen and (max-width: 900px){
    .text-contact{
        font-size: 1em;
    }

    form > input{
        padding: 1em 0;
    }

    form > textarea{
        padding: 1em 0;
        height: 15em;
    }

    form > div > button{
        font-size: 1em;
    }

    ::placeholder{
        font-size: 1em;
    }

    nav{
        display: none;
    }

    .nav-mobile{
        display: flex;
    }

    .menu-mobile-over{
        display: flex;
    }

    .menu-mobile{
        display: flex;
    }

    .nav-mobile{
        background-color: #092350;
    }
}

@media only screen and (max-width: 865px){
    .btn-conversar > p{
        font-size: 1em;
    }

    .btn-conversar > p{
        height: 3.2em;
    }

    footer{
        flex-direction: column;
        align-items: flex-start;
    }
}

  @media only screen and (max-width: 856px){
    footer{
        flex-direction: column;
        align-items: flex-start;
    }

    footer > a{
        border: none;
        padding: unset;
    }

    .btn-conversar{
        width: 23em;
    }

    .solucao-necessidades > div:nth-child(1) > p{
        width: 28em;
    }

    .solucao-necessidades > div:nth-child(1) > h2{
        font-size: 2em;
    }

    .footer-jjsantos > p{
        font-weight: 600;
        font-size: 1em;
    }

    .developed-by{
        border: none;
        padding: unset;
    }

    .empresa-especializada-picl{
        min-height: 50em;
    }

    .prefooter{
        font-size: 1.5em;
    }

    .tel-number::after{
        font-size: 0.3em;
        white-space: nowrap;
    }

    .banner-categorias{
        padding-top: 2.5em;
        padding-bottom: 2.5em;
    }

    .main-titles > h1{
        font-size: 1.5em;
    }

    .main-titles > div > h2{
        font-size: 2.5em;
    }

    .header-produtos{
        background-position: top center!important;
    }

  }

  @media only screen and (max-width: 780px){

    .atributos-main > div > h4{
        font-size: 1.5em;
    }

    .atributos-main > div{
        width: 45%;
    }

    .atributos-main{
        gap: 10%;
    }

    .scroll-gif{
        margin-bottom: 10vh;
    }

    .atributos-main > div{
        margin-bottom: 5em;
    }

    .solucao-necessidades{
        flex-direction: column-reverse;
        gap: 5em;
        margin: 5em auto 0;
    }

    .solucao-necessidades > div:nth-child(1){
        align-items: center;
    }

    .solucao-necessidades > div:nth-child(1) > h2{
        text-align: center;
    }

    .solucao-necessidades > div:nth-child(1) > p{
        width: 90vw;
    }

    .titles-sobre > h1{
        font-size: 4em;
    }

    .titles-sobre > h2{
        font-size: 1.5em;
    }

    .hero-sobre{
        height: 22em!important;
    }


    .categoria-selector{
        justify-content: center;
    }

    .produto-single{
        display: flex;
        margin:auto;
    }

    .produtos-selector{
        grid-template-columns: 1fr 1fr 1fr;
    }

    .categoria-selector > p{
        width: 42vw;
    }

    .categoria-selector{
        justify-content: flex-start;
    }
  }

  @media only screen and (max-width: 765px){

    .privacy-policy > div > p{
        font-size: 0.9em;
    }

    .privacy-policy > h1{
        margin-bottom: 1em;
    }

    .empresa-especializada-picl{
        min-height: 50em;
    }

    .bomba-de-agua{
        min-height: 50em;
    }

    .solucao-necessidades > div:nth-child(1){
        align-items: flex-start;
    }

    .empresa-especializada > div > p{
        font-size: 2em;
    }

    .titulo-damossolucao{
        font-size: 2em;
    }

    .banner-categorias > h3{
        font-weight: 300;
    }

    .main-sobrenos > p{
        font-size: 1em;
    }
  }

  @media only screen and (max-width: 750px){
    /* .hero-sobre{
        margin: 2em auto;
    } */

    .cta-footer-sobre{
        margin: 0 auto;
    }

    .shirt-section > div{
        width: 90vw;
        margin-bottom: unset;
    }

    .shirt-section{
        background-position: top;
        height: 40em;
        background-size: contain;
    }
    
    .shirt-section > div{
        padding: 1em 0;
    }
  }

  @media only screen and (max-width: 700px){
    .titles-candidatura > h1{
        font-size: 6em;
    }

    .titles-candidatura > h2{
        font-size: 1.5em;
    }

    .titles-candidatura > h3{
        font-size: 1.5em;
    }

    .empresa-especializada-picl{
        min-height: 40em;
    }

    .footer-jjsantos > p{
        max-width: 90%;
        text-align: justify;
    }

    .bomba-de-agua{
        min-height: unset;
    }
  }

  @media only screen and (max-width: 650px){
    .text-sobrenos > div:nth-child(2) > p{
        font-size: 1.3em;
    }

    .text-sobrenos > div:nth-child(1) > h3{
        font-size: 2em;
        max-width: 75vw;
    }

    .text-sobrenos > div:nth-child(2) > div{
        grid-template-columns: 1fr;
    }

    .cta-footer{
        padding: 2em;
    }

    .titles-sobre > h1{
        font-size: 3em;
    }

    .titles-sobre > h2{
        font-size: 1.3em;
    }

    .text-sobrenos > div:nth-child(2) > div > p{
        text-align: left;
    }

    .titles-produtos > h1{
        font-size: 5em;
    }

    .header-produtos{
        height: 55vh!important;
    }

    .scroll-gif-candidatura{
        margin-bottom: 5em;
    }

    .header-candidatura{
        height: 65vh!important;
    }

    .text-contact{
        margin: 2em auto;
    }

    .produtos-selector{
        grid-template-columns: 1fr 1fr;
    }
  }

  @media only screen and (max-width: 650px){
    .empresa-especializada-picl{
        min-height: 40em;
    }
  }

  @media only screen and (max-width: 600px){
    .titles-candidatura > h1{
        font-size: 4.5em;
    }

    .titles-candidatura > h2{
        font-size: 1.5em;
    }

    .titles-candidatura > h3{
        font-size: 1.5em;
    }

    .square-info > p{
        font-size: 1.3em;
    }

    .main-titles{
        margin-left: 5vw;
    }

    .empresa-especializada-picl{
        min-height: 35em;
    }

    .areas-de-atuacao{
        justify-content: center;
    }

    .footer-jjsantos > h2{
        font-size: 2em;
    }

    .empresa-especializada > div > p{
        font-size: 1.5em;
    }

    .banner-categorias > h3{
        font-size: 1.5em;
    }

    .titulo-damossolucao{
        font-size: 1.5em;
    }

    .footer-jjsantos > h2{
        font-size: 1.5em;
    }

    .prefooter{
        flex-direction: column;
        gap: 1em;
    }
  }


  @media only screen and (max-width: 550px){
    .grid-mosaico > div{
        height: 250px;
    }

    .cta-footer{
        padding: 2em;
    }

    .cta-footer > div:nth-child(1){
        font-size: 1.2em;
    }

    .cta-footer > div:nth-child(2){
        font-size: 1.2em;
    }

    .atributos-main > div{
        margin-bottom: 2em;
        width: 90%;
    }

    .atributos-main{
        gap: unset;
    }

    .atributos-main > div:nth-child(1){
        display: none;
    }

    .atributos-main > div:nth-child(3){
        display: none;
    }

    .atributos-main{
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        margin-bottom: 2em;
    }

    .scroll-gif{
        margin-bottom: 20vh;
    }

    .mosaico-bombas{
        margin: 5em auto 0;
    }

    .titles-sobre{
        margin-top: unset;
        height: 8em;
    }

    .scroll-gif-candidatura{
        margin-bottom: 5em;
    }

    .titles-sobre > h2{
        font-size: 1.3em;
    }

    .titles-sobre > h1{
        font-size: 3em;
    }

    #gdpr-cookie-message{
        width: 95vw;
        left: 50%;
        transform: translate(-50%, -1em);
        margin: unset;
    }

    .sobrenos-second > div:nth-child(2){
        background-position: center center;
    }

    .sobrenos-second > div:nth-child(2){
        min-height: 25em;
    }

    .fachada-jj{
        height: 25em;
    }

    .categoria-selector{
        flex-direction: column;
    }

    .categoria-selector > p{
        width: 100vw;
    }
  } 

  @media only screen and (max-width: 535px){
    .text-sobrenos > div:nth-child(1) > h3{
        max-width: unset;
    }
  }

 @media only screen and (max-width: 500px){
    .solucao-necessidades{
        gap: 2em;
        margin: 3em auto 0;
    }

    .mosaico-bombas{
        margin: 3em auto 0;
    }

    .cta-footer > div:nth-child(1){
        font-size: 1em;
    }

    .cta-footer > div:nth-child(2){
        font-size: 1em;
    }

    #square1{
        font-size: 1em!important;
    }

    .solucao-necessidades > div:nth-child(1) > h2{
        font-size: 1.5em;
        text-align: left;
    }

    .titles-sobre > h1{
        font-size: 3em;
    }

    .titles-sobre > h2{
        font-size: 1.3em;
    }

    .titles-candidatura > h1{
        font-size: 3em;
    }

    .titles-candidatura > h2{
        font-size: 1.5em;
    }

    .titles-candidatura > h3{
        font-size: 1.3em;
    }

    header{
        min-height: 45em!important;
    }

    .header-sobrenos{
        min-height: 45em!important;
    }

    .header-produtos{
        min-height: 45em!important;
    }

    .header-contactos{
        min-height: 45em!important;
    }

    .atributos-main > div > p{
        font-size: 0.9em;
    }

    .privacy-policy > div > p{
        font-size: 0.8em;
        text-align: justify;
    }

    .privacy-policy{
        margin-bottom: 5em;
    }

    .shirt-section{
        height: 37em;
    }

    .shirt-section > div{
        padding: unset;
    }

    .frase-solta{
        font-weight: 500;
        font-size: 1.2em;
    }
    
  }

  @media only screen and (max-width: 500px){
    .titles-produtos > h2{
        font-size: 1.5em;
    }

    .titles-produtos > h1{
        font-size: 4em;
    }

    .form-submit{
        flex-direction: column-reverse;
        gap: 2em;
        margin-top: 3em;
    }

    .main-titles > div > h2{
        font-size: 2em;
    }

    .main-titles > h1{
        font-size: 1.25em;
        margin-bottom: 0.5em;
    }

    .empresa-especializada{
        margin: 3em auto 0;
    }

    header{
        height: 75vh!important;
    }
  }

  @media only screen and (max-width:450px){
    .titles-sobre > h1{
        font-size: 2.2em;
    }

    .titles-sobre > h2{
        font-size: 1.2em;
    }

    .text-sobrenos > div:nth-child(1) > h3{
        font-size: 1.8em;
    }

    .text-sobrenos > div:nth-child(2) > p{
        font-size: 1.2em;
    }

    .main-titles-404 > h1{
        font-size: 2em!important;
    }

    .shirt-section{
        height: 36em;
    }

    .produto-single{
        width: 9em;
    }

    .produtos-selector{
        gap: unset;
    }

  }

  @media only screen and (max-width: 450px){
    #gdpr-cookie-message > p{
        font-size: 0.9em;
    }

    .empresa-especializada-picl{
        height: 40em;
    }

    .prefooter{
        font-size: 1.25em;
    }

    .empresa-especializada-picl{
        min-height: 30em;
    }

    .sobrenos-second{
        gap: 1em;
    }
  }

  @media only screen and (max-width: 400px){
    .grid-mosaico > div{
        height: 200px;
    }

    .btn-conversar{
        width: 90vw;
    }

    .btn-conversar > p{
        padding: 0 1.5em;
    }

    .call-icon{
        width: 6.5em;
        padding: 0 1.5em 0 3em;
    }

    .grid-mosaico > div{
        height: 175px;
    }

    #square1{
        font-size: 0.9em!important;
    }

    #square7 > p:nth-child(1){
        font-size: 1em!important;
    }

    #square7{
        font-size: 1.2em!important;
        gap: 1em!important;
    }

    .mosaico-bombas{
        margin: 0 auto;
    }

    .scroll-gif > span{
        font-size: 0.8em;
    }

    .scroll-gif{
        margin-bottom: 20vh;
        width: 3em;
    }

    .atributos-main > div{
        margin-bottom: unset;
    }

    .atributos-main > div > p{
        max-width: 90vw;
    }

    .scroll-gif-candidatura{
        margin-bottom: 5vh;
    }

    .titles-produtos > h1{
        font-size: 3em;
    }

    .titles-produtos > h3{
        font-size: 1.3em;
    }

    .titles-produtos > h2{
        font-size: 1.2em;
    }

    .menu-mobile{
        width: 85vw;
    }

    .square-info > p{
        font-size: 1.15em;
    }

    .empresa-especializada-picl{
        min-height: 28em;
    }
  }

  @media only screen and (max-width: 355px){
    #gdpr-cookie-message{
        width: 98vw;
    }
    
    #gdpr-cookie-message > p{
        font-size: 0.75em;
    }

    #gdpr-cookie-accept{
        font-size: 1em;
    }

    .empresa-especializada-picl{
        min-height: 25em;
    }

    .main-titles > h1{
        font-size: 1.15em;
    }

    .main-titles > div > h2{
        font-size: 1.75em;
    }
  }
  /* continuar com media queries a 856px  25/05 */

  @media only screen and (max-height: 500px){

    .main-titles{
        margin-top: 7em;
    }

  }

  @media only screen and (max-height: 700px){
    .main-titles-404{
        height: 20em;
    }
  }

  @media only screen and (max-height: 650px){
    .main-titles-404 > h1{
        font-size: 1em!important;
    }

    .header-404{
        min-height: 100vh;
        max-height: 100vh;
    }
  }