@media screen and (max-width:1024px) and (orientation:portrait) {
    .artigo-rodape {
        /*background-color: aquamarine;*/
        padding: 2em 0em 2em 0em;
    }

    #cabecalho-rodape {
        border-top: .25px black solid;
        width: 100%;
        height: auto;
        margin: 0 auto;
        margin-top: -2em;
        padding-bottom: 1em;
    }

    .cabecalho-rodape-titulo {
        width: 80%;
        padding-bottom: 1em;
    }

    #rodape {
        /*background:red;*/
        padding: 0em 0em 0em 0em;
    }

    .corpo-rodape-fundo {
        padding: 2em 0em 2em 0em;
        /*background-color: silver;*/
    }

    #artigo1 {
        /*background-color:chocolate;*/
        padding: 2em 1em 0em 1em;
        border: none;
    }

    #artigo2 {
        margin-top: 1.5em;
        /*background-color:blueviolet;*/
    }

    #article-bar {
        width: 100%;
        height: 0;
        margin: 0 auto;
        border: .5px black solid;
    }

    #watermark-gallery {
        display: inline-block;
        width: 100%;
        margin-left: 0vw;
        margin-top: 0vw;
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }

    #watermark-gallery > p {
        font-size: 8pt;
        text-align: center;
    }

    #watermark-gallery > p > a {
        font-size: 8pt;
    }

    #Arrows div > img {
        width: 14vw;
        height: auto;
    }

    .prev > img {
        width: 1em;
        height: auto;
    }

    .next > img {
        width: 10em;
        height: auto;
    }

    #clear-gallery {
        position: relative;
        clear: both;
        float: none;
        margin-top: 2em;
    }

    .gal-fix-size {

        height: 62vw;
    }

    .gal-fix-size > span > img {
        display: block;
        margin: 0 auto;
        height: 100%;
        width: auto;
    }

    #x-button > a {
        font-family: inherit;
        font-weight: 100;
        font-size: 14pt;

    }

    #marca-agua {

        transform: rotate(-0deg);
        padding-bottom:1em;
    }
    .fundo-rodape-conteudo
{
    width:100%;
    margin:0 auto;
    overflow: hidden;
}


}










@media screen and (min-width:1px) and (max-width:320px) and (orientation:portrait) {

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 12pt;
    }

    h3 {
        font-size: 12pt;
    }


    h6 {
        font-size: 8pt;
    }

    p,
    a {
        font-size: 8pt;
    }

    .partilha-icones {
        width: 10em;
        top: -1.7em;
    }

    .cliente {
        font-size: 1pt;
    }

    /*--------------------------------------*/
    #cabecalho {
        height: 4em;
    }

    #closeBtn {
        margin-right: -6vw;
        top: -7vw;
    }

    #conteudo-cabecalho {
        width: 80%;
    }

    #logo {
        width: 7em;
    }

    #logo > a > img {
        margin-top: 1.3em;
    }

    #navegacao {
        width: 2em;
        height: 2em;
        margin-top: .2em;
    }

    #navegacao > ul {
        display: none;
    }

    #cabecalho-mae {
        width: 12em;
        top: 30vh;
    }

    #botao {
        margin: 0 auto;
        width: 7.8em;
        display: block;
    }

    .botao-partilha-topo {
        top: -3em;
    }

    #artigo1 {
        width: 80%;
    }

    .artigo-rodape-texto {
        width: 80%;
        margin: 0 auto;
    }

    .cabecalho-rodape-titulo {
        width: 80%;
        margin: 0 auto;
        padding-bottom: 1em;
    }

    .corpo-rodape-fundo {
        width: 80%;

    }

    .artigo-texto > h4 {
        margin-top: 18vw;
    }

    .artigo-texto > h4 {
        padding: 1em 0em .3em 0em;
    }

    .artigo-3-size {
        margin-top: -1vw;
    }

    .artigo-3-size > h4 {
        margin-top: 15vw;
    }

    #marca-agua {
        margin-top: 10vw;

    }

    #watermark-gallery {
        position: relative;
        top: -10vw;
    }

    #watermark-gallery > p {
        font-size: 6pt;
        text-align: center;
    }

    #watermark-gallery > p > a {
        font-size: 6pt;
    }

}









@media screen and (min-width:321px) and (max-width:414px) and (orientation:portrait) {

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 14pt;
    }

    h3 {
        font-size: 16pt;
    }


    h6 {
        font-size: 8pt;
    }

    p,
    a {
        font-size: 8pt;
    }

    .partilha-icones {
        width: 10em;
        top: -1.7em;
    }

    /*--------------------------------------*/
    #cabecalho {
        height: 4em;
    }

    #closeBtn {
        margin-right: .3em;
        top: -6vw;
    }

    #conteudo-cabecalho {
        width: 70%;
    }

    #logo {
        width: 10em;
    }

    #logo > a > img {
        margin-top: .5em;
    }

    #navegacao {
        width: 2em;
        height: 2em;
        margin-top: .2em;
    }

    #navegacao > ul {
        display: none;
    }

    #cabecalho-mae {
        width: 90%;
        top: 30vh;
    }

    #botao {
        margin: 0 auto;
        width: 7.8em;
        display: block;
        border: 1px white solid;
    }

    .botao-partilha-topo {
        top: -3em;
    }

    .artigo-texto > h4 {
        margin-top: 20vw;
    }

    .artigo-texto > h4 {
        padding: 1em 0em .3em 0em;
    }

    .artigo-3-size {
        margin-top: -1vw;
    }

    .artigo-3-size > h4 {
        margin-top: 16vw;
    }

    #marca-agua {
        margin-top: 10vw;
    }
    
    .corpo-rodape-fundo {
        display: block;
        position: relative;
        width: 75%;
        height: auto;
        margin: 0 auto;
    }


    #watermark-gallery {
        position: relative;
        top: -10vw;
    }

    #watermark-gallery > p {
        font-size: 6pt;
        text-align: center;
    }

    #watermark-gallery > p > a {
        font-size: 6pt;
    }

    .sm-icones {
        margin-top: -1em;
    }

}









@media screen and (min-width:415px) and (max-width:560px) and (orientation:portrait) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 24px;
    }

    h3 {
        font-size: 18pt;
    }

    h6 {
        font-size: 9pt;
    }

    p,
    a {
        font-size: 10pt;
    }

    .partilha-icones {
        width: 12em;
        top: -1.9em;
    }

    /*--------------------------------------*/
    #cabecalho {
        height: 4em;
    }

    #closeBtn {
        margin-right: 5vw;
        top: -5vw;
    }

    #conteudo-cabecalho {
        width: 70%;
    }

    #logo {
        width: 11em;
    }

    #logo > a > img {
        margin-top: .3em;
    }

    #navegacao {
        width: 2em;
        height: 2em;
        margin-top: .2em;
    }

    #navegacao > ul {
        display: none;
    }

    #cabecalho-mae {
        width: 17em;
        top: 33vh;
    }

    #botao {
        width: 7.8em;
    }

    .botao-partilha-topo {
        top: -5em;
    }

    .artigo-texto > h4 {
        margin-top: 22vw;
        padding: 1em 0em .3em 0em;
    }

    .artigo-3-size {
        margin-top: -1vw;
    }

    .artigo-3-size > h4 {
        margin-top: 15vw;
    }

    #marca-agua {
        margin-top: 2vw;
    }

    #watermark-gallery {
        position: relative;
        top: -5vw;
    }
    
    
    .corpo-rodape-fundo {
        display: block;
        position: relative;
        width: 75%;
        height: auto;
        margin: 0 auto;
    }


    #watermark-gallery > p {
        font-size: 6pt;
        text-align: center;
    }

    #watermark-gallery > p > a {
        font-size: 6pt;
    }

    .sm-icones {
        margin-top: -.7em;
    }

}







@media screen and (min-width:561px) and (max-width:640px) and (orientation:portrait) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 22pt;
    }

    #closeBtn {
        margin-right: 6vw;
        top: -2vw;
    }

    h3 {
        font-size: 22pt;
    }

    h6 {
        font-size: 9pt;
    }

    p,
    a {
        font-size: 10pt;
    }

    .partilha-icones {
        width: 12em;
        top: -1.9em;
    }

    /*--------------------------------------*/
    #cabecalho {
        height: 6em;
    }

    #conteudo-cabecalho {
        width: 65%;
    }

    #logo {
        width: 13em;
    }

    #logo > a > img {
        margin-top: 1em;
    }

    #navegacao {
        width: 2em;
        height: 2em;
        margin-top: 1.4em;
    }

    #navegacao > ul {
        display: none;
    }

    #cabecalho-mae {
        width: 20em;
        top: 33vh;
    }

    #conteudo-rodape-mae {
        width: 65%;
    }

    #botao {
        width: 7.8em;
    }

    .botao-partilha-topo {
        top: -5em;
    }


    .artigo-texto > h4 {
        margin-top: 22vw;
        padding: 1em 0em .3em 0em;
    }

    .artigo-3-size {
        margin-top: -1vw;
    }

    .artigo-3-size > h4 {
        margin-top: 15vw;
    }

    #artigo1 {
        width: 70%;
    }

    .artigo-rodape-texto {
        width: 70%;
        margin: 0 auto;
    }

    .cabecalho-rodape-titulo {
        width: 63%;
        margin: 0 auto;
    }

    #caixas-topo-rodape > .box > .box-image-content > .pq-projeto > h4 {
        padding-top: 35vw;
    }

    .corpo-rodape-fundo {
        display: block;
        position: relative;
        width: 65%;
        height: auto;
        margin: 0 auto;
    }

    #marca-agua {
        margin-top: 5vw;
    }

    #watermark-gallery {
        position: relative;
        top: -5vw;
    }

    #watermark-gallery > p {
        font-size: 6pt;
        text-align: center;
    }

    #watermark-gallery > p > a {
        font-size: 6pt;
    }

    .sm-icones {
        margin-top: -.6em;
    }

}










@media screen and (min-width:641px) and (max-width:768px) and (orientation:portrait) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 24pt;
    }

    #closeBtn {
        margin-right: 11vw;
        top: 1vw;
    }

    h3 {
        font-size: 24pt;
    }

    h6 {
        font-size: 10pt;
    }

    p,
    a {
        font-size: 11pt;
    }

    .partilha-icones {
        width: 12em;
        top: -1.9em;
    }

    /*--------------------------------------*/
    #cabecalho {
        height: 6em;
    }

    #conteudo-cabecalho {
        width: 65%;
    }
    #logo {
        width: 13em;
    }

    #logo > a > img {
        margin-top: .9em;
    }

    .artigo-texto > h4 {
        margin-top: 19vw;
    }

    .artigo-3-size > h4 {
        margin-top: 14vw;
    }

    #navegacao {
        width: 2em;
        height: 2em;
        margin-top: 1.4em;
    }

    #navegacao > ul {
        display: none;
    }

    #cabecalho-mae {
        width: 22em;
        top: 35vh;
    }

    #caixas-topo-rodape > .box > .box-image-content > .pq-projeto > h4 {
        padding-top: 35vw;
    }

    #conteudo-rodape-mae {
        width: 65%;
    }

    #botao {
        width: 7.8em;
    }

    .botao-partilha-topo {
        top: -5em;
    }

    #marca-agua {
        margin-top: 1vw;
    }

    #watermark-gallery {
        position: relative;
        top: -5vw;
    }

    #watermark-gallery > p {
        font-size: 6pt;
        text-align: center;
    }
    
        .corpo-rodape-fundo {
        display: block;
        position: relative;
        width: 80%;
        height: auto;
        margin: 0 auto;
    }

    #watermark-gallery > p > a {
        font-size: 6pt;
    }

    .sm-icones {
        margin-top: -.6em;
    }

}








@media screen and (min-width:769px) and (max-width:968px) and (orientation:portrait) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 26pt;
    }

    #closeBtn {
        border: 1px red solid;
        margin-right: 13vw;
        top: 1vw;
    }

    h3 {
        font-size: 26pt;
    }

    h6 {
        font-size: 12pt;
    }

    p,
    a {
        font-size: 12pt;
    }

    .partilha-icones {
        width: 13em;
        top: -1.9em;
    }

    /*--------------------------------------*/
    #cabecalho {
        height: 6em;
    }

    #conteudo-cabecalho {
        width: 65%;
    }

    #logo {
        width: 14em;
    }

    #logo > a > img {
        margin-top: .8em;
    }

    #navegacao {
        width: 2em;
        height: 2em;
        margin-top: 1.4em;
    }

    #navegacao > ul {
        display: none;
    }

    #cabecalho-mae {
        width: 24em;
        top: 36vh;
    }

    #conteudo-rodape-mae {
        width: 65%;
    }

    #botao {
        width: 7.8em;
    }

    .botao-partilha-topo {
        top: -5em;
    }

    .artigo-texto > h4 {
        margin-top: 22vw;
        padding: 1em 0em .3em 0em;
    }

    .artigo-3-size {
        margin-top: -1vw;
    }

    .artigo-3-size > h4 {
        margin-top: 18vw;
    }

    #artigo1 {
        width: 70%;
    }

    .artigo-rodape-texto {
        width: 70%;
        margin: 0 auto;
    }

    .artigo-rodape-texto > p {
        padding-top: 1em;
    }

    .cabecalho-rodape-titulo {
        width: 63%;
        margin: 0 auto;
        padding-bottom: 1em;
    }

    #caixas-topo-rodape > .box > .box-image-content > .pq-projeto > h4 {
        padding-top: 35vw;
    }

    .corpo-rodape-texto > p {
        padding-top: 1em;
    }

    .corpo-rodape-fundo {
        display: block;
        position: relative;
        width: 65%;
        height: auto;
        margin: 0 auto;
    }

    .cliente {
        font-size: 11pt;
    }

    .artigo-texto > h4 {
        margin-top: 22vw;
        padding: 1em 0em .3em 0em;
    }

    .artigo-3-size {
        margin-top: -1vw;
    }

    .artigo-3-size > h4 {
        margin-top: 18vw;
    }

    #artigo1 {
        width: 70%;
    }

    .artigo-rodape-texto {
        width: 70%;
        margin: 0 auto;
    }

    .artigo-rodape-texto > p {
        padding-top: 1em;
    }

    .cabecalho-rodape-titulo {
        width: 63%;
        margin: 0 auto;
        padding-bottom: 1em;
    }

    .corpo-rodape-texto > p {
        padding-top: 1em;
    }

    .corpo-rodape-fundo {
        width: 65%;
    }

    .cliente {
        font-size: 11pt;
    }

    #marca-agua {
        margin-top: 2vw;
    }

        .fundo-rodape-conteudo
{
    width:100%;
    margin:0 auto;
    overflow: hidden;
}

    #watermark-gallery {
        position: relative;
        top: 0vw;
    }

    #watermark-gallery > p {
        font-size: 6pt;
        text-align: center;
    }

    #watermark-gallery > p > a {
        font-size: 6pt;
    }

    .sm-icones {
        margin-top: -.5em;
    }

}








@media screen and (min-width:969px) and (max-width:1024px) and (orientation:portrait) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 26pt;
    }

    #closeBtn {
        border: 1px red solid;
        margin-right: 13vw;
        top: 1vw;
    }

    h3 {
        font-size: 26pt;
    }

    h6 {
        font-size: 12pt;
    }

    p,
    a {
        font-size: 12pt;
    }

    .partilha-icones {
        width: 13em;
        top: -1.9em;
    }

    /*--------------------------------------*/
    #cabecalho {
        height: 6em;
    }

    #conteudo-cabecalho {
        width: 65%;
    }

    #logo {
        width: 14em;
    }

    #logo > a > img {
        margin-top: .8em;
    }

    #navegacao {
        width: 2em;
        height: 2em;
        margin-top: 1.4em;
    }

    #navegacao > ul {
        display: none;
    }

    #cabecalho-mae {
        width: 24em;
        top: 36vh;
    }

    #conteudo-rodape-mae {
        width: 65%;
    }

    #botao {
        width: 7.8em;
    }

    .botao-partilha-topo {
        top: -5em;
    }

    .artigo-texto > h4 {
        margin-top: 22vw;
        padding: 1em 0em .3em 0em;
    }

    .artigo-3-size {
        margin-top: -1vw;
    }

    .artigo-3-size > h4 {
        margin-top: 18vw;
    }

    #artigo1 {
        width: 70%;
    }

    .artigo-rodape-texto {
        width: 70%;
        margin: 0 auto;
    }

    .artigo-rodape-texto > p {
        padding-top: 1em;
    }

    .cabecalho-rodape-titulo {
        width: 63%;
        margin: 0 auto;
        padding-bottom: 1em;
    }

    #caixas-topo-rodape > .box > .box-image-content > .pq-projeto > h4 {
        padding-top: 35vw;
    }

    .corpo-rodape-texto > p {
        padding-top: 1em;
    }

    .corpo-rodape-fundo {
        display: block;
        position: relative;
        width: 65%;
        height: auto;
        margin: 0 auto;
    }

    .cliente {
        font-size: 11pt;
    }

    .artigo-texto > h4 {
        margin-top: 22vw;
        padding: 1em 0em .3em 0em;
    }

    .artigo-3-size {
        margin-top: -1vw;
    }

    .artigo-3-size > h4 {
        margin-top: 18vw;
    }

    #artigo1 {
        width: 70%;
    }

    .artigo-rodape-texto {
        width: 70%;
        margin: 0 auto;
    }

    .artigo-rodape-texto > p {
        padding-top: 1em;
    }

    .cabecalho-rodape-titulo {
        width: 63%;
        margin: 0 auto;
        padding-bottom: 1em;
    }

    .corpo-rodape-texto > p {
        padding-top: 1em;
    }

    .corpo-rodape-fundo {
        width: 65%;
    }

    .cliente {
        font-size: 11pt;
    }

        .fundo-rodape-conteudo
{
    width:100%;
    margin:0 auto;
    overflow: hidden;
}

    #marca-agua {
        margin-top: 2vw;
    }

    #watermark-gallery {
        position: relative;
        top: 0vw;
    }

    #watermark-gallery > p {
        font-size: 6pt;
        text-align: center;
    }

    #watermark-gallery > p > a {
        font-size: 6pt;
    }
}