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

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

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

    #artigo2 {
        margin-top: .5em;
        /*background-color:blueviolet;*/
    }
        .fundo-rodape-conteudo
{
    width:100%;
    margin:0 auto;
    overflow: hidden;
}


}



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


    /*-----------------------------------PADRÃO FONTES-----------------------------*/
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 12pt;
    }

    h3 {
        font-size: 12pt;
    }

    h6 {
        font-size: 8pt;
    }

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

    /*----------------------------MENU RESPONSIVO--------------------------------------------*/
    .overlay-content {
        top: 20%;
        /* 25% from the top */
    }

    .overlay a {
        padding: .8em 0em .8em 0em;
        font-size: 8pt;
    }

    .overlay .closebtn {
        top: .5vw;
        right: 11em;
        font-size: 20pt;
    }

    /*----------------------------------INDEX.PHP STYLES--------------------------------------------*/
    #cabecalho {
        height: 4em;
    }

    #conteudo-cabecalho {
        width: 80%;
    }

    #logo {
        width: 9em;
    }

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

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

    #navegacao > ul {
        display: none;
    }

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

    #rodape-mae {
        height: 2em;
        bottom: 0em;
    }

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

    .botao-partilha {
        width: 1em;
        height: 1em;
    }

    .partilha-icones {
        width: 6em;
        height: 1.5em;
        margin-left: .5em;
        top: -1.3em;
    }

    .icones > a > img {
        width: 1em;
    }

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

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

    #rodape {
        margin-top: -3em;
        padding-top: 0em;
    }

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

    #caixas-topo-rodape > .box > .box-image-content > .pq-projeto > h4 {
        color: white;
        text-align: center;
        margin-top: 6vw;
    }

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

    #marca-agua {
        margin-top: 0em;
        transform: rotate(-0deg);
    }

    /*-----------------------------STYLE PÁGINA DE CONTACTOS-----------------------*/
    #map {
        width: 100%;
        height: 12em;
    }

    #contact-main {
        padding: 2em 0 2em 0;
    }

    form {
        width: 80%;
    }

    legend {
        font-family: 'Playfair Display', serif;
        font-size: 16pt;
    }

    input {
        width: 100%;
        height: 3em;
        font-size: 10pt;
    }

    input[type=text] {
        font-size: 8pt;
    }

    input[type=text]:focus {
        font-size: 8pt;
    }

    input[type=email] {
        font-size: 8pt;
    }

    input[type=email]:focus {
        font-size: 8pt;
    }

    #submit {
        width: 8em;
        margin-top: 0em;
    }

    .send-btn {
        font-size: 8pt;
    }

    #contact-text {
        padding: 2em 0em 2em 0em;
    }

    .text {
        width: 80%;
    }

    .logo-contact {
        width: 60%;
    }

    .text > p {
        width: 100%;
        font-size: 8pt;
    }

    .text > .visitus {
        width: 99%;
    }

    .text > .social-icons {
        width: 100%;
    }

    #footer-image {
        top: 0em;
    }

    #watermark {
        width: 100%;
        margin: 0 auto;
        margin-top: 1em;
        padding-bottom: 1em;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }


    /*---------------------------------Galeria Landscape-------------------------*/
    #main {
        top: 3.5em;
    }

    .text-content {
        padding-bottom: 1em;
        width: 80%;
    }

    .text-content > .text {
        width: 100%;
    }

    #watermark-gallery {
        position: relative;
        display: block;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

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

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

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







    /*-----------------------------------------------------------------------------*/
    /*  h1, h2, h3, h4, h5, h6
    {
       font-size:10pt;
    }

       h3
    {
        font-size:10pt;
    }


    h6{
       font-size:6pt;
    }

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


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




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

#conteudo-cabecalho 
{  
    width:80%;
}  
    
    #logo 
{   
    width:10em;
} 
    
#logo > a > img
{
    margin-top:.5em;
}

#navegacao
{  
    width:2em;
    height:2em;
    margin-top:0em;
}
    
#navegacao > ul{
    display: none;
}
    
#cabecalho-mae
{
    width:10em;
    top:25vh; 
}   
    
#botao
{  
    margin:0 auto;
    width:7.8em;
    display: block;
}
    
.botao-partilha-topo
{
   top:1em;      
}
    
.botao-partilha
{
    width:1em; 
    height:1em;
} 
    
.partilha-icones
{  
    width:8em;
    height:2em;
    margin-left:1.5em;
    top:-1.5em;
}
    
.icones > a > img{
    width:2em;
}
    
.botao-rolagem
{
    top:1em;
}
   
#artigo1
{   
    width:90%;
}
    
.artigo-rodape-texto
{
    width:90%;
    margin:0 auto;
}


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

}
    
.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;
}*/
}








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



    /*-----------------------------------PADRÃO FONTES-----------------------------*/
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 12pt;
    }

    h3 {
        font-size: 12pt;
    }

    h6 {
        font-size: 8pt;
    }

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

    /*----------------------------MENU RESPONSIVO--------------------------------------------*/
    .overlay-content {
        top: 20%;
        /* 25% from the top */
    }

    .overlay a {
        padding: .8em 0em .8em 0em;
        font-size: 8pt;
    }

    .overlay .closebtn {
        top: .5vw;
        right: 10vw;
        font-size: 20pt;

    }

    /*----------------------------------INDEX.PHP STYLES--------------------------------------------*/
    #cabecalho {
        height: 4em;
    }

    #conteudo-cabecalho {
        width: 80%;
    }

    #logo {
        width: 9em;
    }

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

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

    #navegacao > ul {
        display: none;
    }

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

    #rodape-mae {
        height: 2em;
        bottom: 0em;
    }

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

    .botao-partilha {
        width: 1em;
        height: 1em;
    }

    .partilha-icones {
        width: 6em;
        height: 1.5em;
        margin-left: .5em;
        top: -1.3em;
    }

    .icones > a > img {
        width: 1em;
    }

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

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

    #rodape {
        margin-top: -3em;
        padding-top: 0em;
    }

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

    #caixas-topo-rodape > .box > .box-image-content > .pq-projeto > h4 {
        color: white;
        text-align: center;
        margin-top: 6vw;
    }

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

    #marca-agua {
        margin-top: 0em;
        transform: rotate(-0deg);
    }

    /*-----------------------------STYLE PÁGINA DE CONTACTOS-----------------------*/
    #map {
        width: 100%;
        height: 12em;
    }

    #contact-main {
        padding: 2em 0 2em 0;
    }

    form {
        width: 80%;
    }

    legend {
        font-family: 'Playfair Display', serif;
        font-size: 16pt;
    }

    input {
        width: 100%;
        height: 3em;
        font-size: 10pt;
    }

    input[type=text] {
        font-size: 8pt;
    }

    input[type=text]:focus {
        font-size: 8pt;
    }

    input[type=email] {
        font-size: 8pt;
    }

    input[type=email]:focus {
        font-size: 8pt;
    }

    #submit {
        width: 8em;
        margin-top: 0em;
    }

    .send-btn {
        font-size: 8pt;
    }

    #contact-text {
        padding: 2em 0em 2em 0em;
        width: 100%;
    }

    .text {
        margin: auto;
        float: left;
        margin-left: 10vw;
    }

    .logo-contact {
        width: 6em;
    }

    .text > p {
        width: 100%;
        font-size: 8pt;
    }

    .text > .visitus {
        width: 99%;
    }

    .text > .social-icons {
        width: 100%;
        margin-left: 12px;
    }


    #footer-image {
        top: 0em;
    }

    #watermark {
        width: 100%;
        margin: 0 auto;
        margin-top: 1em;
        padding-bottom: 1em;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }




    /*---------------------------------Galeria Landscape-------------------------*/
    #main {
        top: 3.5em;
    }

    .text-content {
        padding-bottom: 1em;
        width: 80%;
    }

    .text-content > .text {
        width: 100%;
    }

    #watermark-gallery {
        position: relative;
        display: block;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

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

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

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

























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


        h3
    {
         font-size:14pt;
    }


    h6{
        font-size:8pt;
    }

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



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

#conteudo-cabecalho 
{  
    width:80%;
}  
    
    #logo 
{   
    width:7em;
} 
    
#logo > a > img
{
    margin-top:1em; 
}

#navegacao
{  
    width:2em;
    height:2em;
    margin-top:0em;
}
    
#navegacao > ul{
    display: none;
}
    
#cabecalho-mae
{
    width:60%;
    top:25vh; 
}   
    
#botao
{  
    margin:0 auto;
    width:7.8em;
    display: block;
}
    
.botao-partilha-topo
{
   top:-1em;      
}
    
.botao-partilha
{
    width:1em; 
    height:1em;
} 
    
.partilha-icones
{  
    width:9em;
    height:2em;
    margin-left:1em;
    top:-1.4em;
}
    
.icones > a > img{
    width:2em;
}
    
.botao-rolagem
{
    top:1em;
}
   
#artigo1
{   
    width:90%;
}
    
.artigo-rodape-texto
{
    width:90%;
    margin:0 auto;
}
    
.cabecalho-rodape-titulo
{
    width:90%;
    margin:0 auto;
    padding-bottom: 1em;
}
    
.corpo-rodape-fundo
{
    width:90%;
}
    
.artigo-texto > h4
{
    margin-top:18vw;
}
    
#caixas-topo-rodape > .box > .box-image-content > .pq-projeto > h4{
    font-size:14pt;
    padding-top:33vw;
} 
    
.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:20vw;
}*/
}










@media screen and (min-width:415px) and (max-width:560px) and (orientation:landscape) {

    /*-----------------------------------PADRÃO FONTES-----------------------------*/
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 14pt;
    }

    h3 {
        font-size: 14pt;
    }

    h6 {
        font-size: 10pt;
    }

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

    /*----------------------------MENU RESPONSIVO--------------------------------------------*/
    .overlay-content {
        top: 20%;
        /* 25% from the top */
    }

    .overlay a {
        padding: .8em 0em .8em 0em;
        font-size: 8pt;
    }

    .overlay .closebtn {
        top: .5vw;
        right: 10vw;
        font-size: 20pt;

    }

    /*----------------------------------INDEX.PHP STYLES--------------------------------------------*/
    #cabecalho {
        height: 4em;
    }

    #conteudo-cabecalho {
        width: 80%;
    }

    #logo {
        width: 9em;
    }

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

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

    #navegacao > ul {
        display: none;
    }

    #cabecalho-mae {
        top: 25vh;
        width: 14em;
    }

    #rodape-mae {
        height: 3em;
        bottom: 0em;
    }

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

    .botao-partilha {
        width: 1.5em;
        height: 1.5em;
    }

    .partilha-icones {
        width: 11em;
        height: 1.5em;
        margin-left: .5em;
        top: -1.5em;
    }

    .icones > a > img {
        width: 1.3em;
    }

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

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

    #rodape {
        margin-top: -3em;
        padding-top: 0em;
    }

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

    #caixas-topo-rodape > .box > .box-image-content > .pq-projeto > h4 {
        color: white;
        text-align: center;
        margin-top: 6vw;
    }

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

    #marca-agua {
        margin-top: 0em;
        transform: rotate(-0deg);
    }

    /*-----------------------------STYLE PÁGINA DE CONTACTOS-----------------------*/
    #map {
        width: 100%;
        height: 16em;
    }

    #contact-main {
        padding: 2em 0 2em 0;
    }

    form {
        width: 80%;
    }

    legend {
        font-family: 'Playfair Display', serif;
        font-size: 16pt;
    }

    input {
        width: 100%;
        height: 3em;
        font-size: 10pt;
    }

    input[type=text] {
        font-size: 10pt;
    }

    input[type=text]:focus {
        font-size: 10pt;
    }

    input[type=email] {
        font-size: 10pt;
    }

    input[type=email]:focus {
        font-size: 10pt;
    }

    #submit {
        width: 8em;
        margin-top: 0em;
    }

    .send-btn {
        font-size: 10pt;
    }

    #contact-text {
        padding: 2em 0em 2em 0em;
    }

    .text {
        margin: auto;
        float: left;
        margin-left: 10vw;
    }
    .text > .social-icons {
        width: 100%;
        margin-left: 12px;
    }

    .logo-contact {
        width: 60%;
    }

    .text > p {
        width: 100%;
        font-size: 10pt;
    }

    .text > .visitus {
        width: 99%;
    }


    #footer-image {
        top: 0em;
    }

    #watermark {
        width: 100%;
        margin: 0 auto;
        margin-top: 1em;
        padding-bottom: 1em;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }



    /*---------------------------------Galeria Landscape-------------------------*/
    #main {
        top: 3.5em;
    }

    .text-content {
        padding-bottom: 1em;
        width: 80%;
    }

    .text-content > .text {
        width: 100%;
    }

    #watermark-gallery {
        position: relative;
        display: block;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

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

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

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




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

    #caixas-topo-rodape > .box > .box-image-content > .pq-projeto > h4{
        font-size:14pt;
        padding-top:33vw;
    }


        h3
    {
         font-size:14pt;
    }


    h6{
        font-size:8pt;
    }

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



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

#conteudo-cabecalho 
{  
    width:80%;
}  
    
    #logo 
{   
    width:7em;
} 
    
#logo > a > img
{
    margin-top:1em; 
}

#navegacao
{  
    width:2em;
    height:2em;
    margin-top:0em;
}
    
#navegacao > ul{
    display: none;
}
    
#cabecalho-mae
{
    width:60%;
    top:25vh; 
}   
    
#botao
{  
    margin:0 auto;
    width:7.8em;
    display: block;
}
    
.botao-partilha-topo
{
   top:-1em;      
}
    
.botao-partilha
{
    width:1em; 
    height:1em;
} 
    
.partilha-icones
{  
    width:9em;
    height:2em;
    margin-left:1em;
    top:-1.4em;
}
    
.icones > a > img{
    width:2em;
}
    
.botao-rolagem
{
    top:1em;
}
   
#artigo1
{   
    width:90%;
}
    
.artigo-rodape-texto
{
    width:90%;
    margin:0 auto;
}
    
.cabecalho-rodape-titulo
{
    width:90%;
    margin:0 auto;
    padding-bottom: 1em;
}
    
.corpo-rodape-fundo
{
    width:90%;

}
    
.artigo-texto > h4
{
    margin-top:22vw;
}
    
.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;
}*/
}









@media screen and (min-width:561px) and (max-width:640px) and (orientation:landscape) {


    /*-----------------------------------PADRÃO FONTES-----------------------------*/
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 16pt;
    }

    h3 {
        font-size: 16pt;
    }

    h6 {
        font-size: 12pt;
    }

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

    /*----------------------------MENU RESPONSIVO--------------------------------------------*/
    .overlay-content {
        top: 20%;
        /* 25% from the top */
    }

    .overlay a {
        padding: .8em 0em .8em 0em;
        font-size: 10pt;
    }

    .overlay .closebtn {
        top: .5vw;
        right: 10vw;
        font-size: 20pt;

    }

    /*----------------------------------INDEX.PHP STYLES--------------------------------------------*/
    #cabecalho {
        height: 5em;
    }

    #conteudo-cabecalho {
        width: 80%;
    }

    #logo {
        width: 11em;
    }

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

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

    #navegacao > ul {
        display: none;
    }

    #cabecalho-mae {
        top: 25vh;
        width: 16em;
    }

    #rodape-mae {
        height: 3em;
        bottom: 0em;
    }

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

    .botao-partilha {
        width: 1.5em;
        height: 1.5em;
    }

    .partilha-icones {
        width: 11em;
        height: 1.5em;
        margin-left: .5em;
        top: -1.5em;
    }

    .icones > a > img {
        width: 1.3em;
    }

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

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

    #rodape {
        margin-top: -3em;
        padding-top: 0em;
    }

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

    #caixas-topo-rodape > .box > .box-image-content > .pq-projeto > h4 {
        color: white;
        text-align: center;
        margin-top: 6vw;
    }

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

    #marca-agua {
        margin-top: 0em;
        transform: rotate(-0deg);
    }

    /*-----------------------------STYLE PÁGINA DE CONTACTOS-----------------------*/
    #map {
        width: 100%;
        height: 18em;
    }

    #contact-main {
        padding: 2em 0 2em 0;
    }

    form {
        width: 80%;
    }

    legend {
        font-family: 'Playfair Display', serif;
        font-size: 16pt;
    }

    input {
        width: 100%;
        height: 3em;
        font-size: 10pt;
    }

    input[type=text] {
        font-size: 10pt;
    }

    input[type=text]:focus {
        font-size: 10pt;
    }

    input[type=email] {
        font-size: 10pt;
    }

    input[type=email]:focus {
        font-size: 10pt;
    }

    #submit {
        width: 8em;
        margin-top: 0em;
    }

    .send-btn {
        font-size: 10pt;
    }

    #contact-text {
        padding: 2em 0em 2em 0em;
    }

    .text {
        margin: auto;
        float: left;
        margin-left: 10vw;
    }
    .text > .social-icons {
        width: 100%;
        margin-left: 12px;
        padding-bottom: 2em;
    }

    .logo-contact {
        width: 60%;
    }

    .text > p {
        width: 100%;
        font-size: 10pt;
    }

    .text > .visitus {
        width: 99%;
    }


    #footer-image {
        top: 0em;
    }

    #watermark {
        width: 100%;
        margin: 0 auto;
        margin-top: 1em;
        padding-bottom: 1em;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }


    /*---------------------------------Galeria Landscape-------------------------*/
    #main {
        top: 3.5em;
    }

    .text-content {
        padding-bottom: 1em;
        width: 80%;
    }

    .text-content > .text {
        width: 100%;
    }

    #watermark-gallery {
        position: relative;
        display: block;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

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

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


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


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

 #caixas-topo-rodape > .box > .box-image-content > .pq-projeto > h4{
     font-size:14pt;
     padding-top:33vw;
 }

     h3
 {
      font-size:14pt;
 }


 h6{
     font-size:8pt;
 }

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



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

#conteudo-cabecalho 
{  
    width:80%;
}  
    
    #logo 
{   
    width:7em;
} 
    
#logo > a > img
{
    margin-top:1em; 
}

#navegacao
{  
    width:2em;
    height:2em;
    margin-top:0em;
}
    
#navegacao > ul{
    display: none;
}
    
#cabecalho-mae
{
    width:40%;
    top:25vh; 
}   
    
#botao
{  
    margin:0 auto;
    width:7.8em;
    display: block;
}
    
.botao-partilha-topo
{
   top:2em;      
}
    
.botao-partilha
{
    width:1em; 
    height:1em;
} 
    
.partilha-icones
{  
    width:9em;
    height:2em;
    margin-left:1em;
    top:-1.4em;
}
    
.icones > a > img{
    width:2em;
}
    
.botao-rolagem
{
    top:1em;
}
   
#artigo1
{   
    width:90%;
}
    
.artigo-rodape-texto
{
    width:90%;
    margin:0 auto;
}
    
.cabecalho-rodape-titulo
{
    width:90%;
    margin:0 auto;
    padding-bottom: 1em;
}
    
.corpo-rodape-fundo
{
    width:90%;

}
    
.artigo-texto > h4
{
    margin-top:22vw;
}
    
.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:0vw;
}*/
}

















@media screen and (min-width:641px) and (max-width:768px) and (orientation:landscape) {



    /*-----------------------------------PADRÃO FONTES-----------------------------*/
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 18pt;
    }

    h3 {
        font-size: 18pt;
    }

    h6 {
        font-size: 12pt;
    }

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

    /*----------------------------MENU RESPONSIVO--------------------------------------------*/
    .overlay-content {
        top: 20%;
        /* 25% from the top */
    }

    .overlay a {
        padding: .8em 0em .8em 0em;
        font-size: 10pt;
    }

    .overlay .closebtn {
        top: .5vw;
        right: 10vw;
        font-size: 20pt;

    }

    /*----------------------------------INDEX.PHP STYLES--------------------------------------------*/
    #cabecalho {
        height: 5em;
    }

    #conteudo-cabecalho {
        width: 80%;
    }

    #logo {
        width: 11em;
    }

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

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

    #navegacao > ul {
        display: none;
    }

    #cabecalho-mae {
        top: 25vh;
        width: 16em;
    }

    #rodape-mae {
        height: 3em;
        bottom: 0em;
    }

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

    .botao-partilha {
        width: 1.5em;
        height: 1.5em;
    }

    .partilha-icones {
        width: 11em;
        height: 1.5em;
        margin-left: .5em;
        top: -1.5em;
    }

    .icones > a > img {
        width: 1.3em;
    }

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

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

    #rodape {
        margin-top: -3em;
        padding-top: 0em;
    }

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

    #caixas-topo-rodape > .box > .box-image-content > .pq-projeto > h4 {
        color: white;
        text-align: center;
        margin-top: 6vw;
    }

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

    #marca-agua {
        margin-top: 0em;
        transform: rotate(-0deg);
    }

    /*-----------------------------STYLE PÁGINA DE CONTACTOS-----------------------*/
    #map {
        padding-top: 5em;
        width: 100%;
        height: 15em;
    }

    #contact-main {
        padding: 2em 0 2em 0;
    }

    form {
        width: 80%;
    }

    legend {
        font-family: 'Playfair Display', serif;
        font-size: 16pt;
    }

    input {
        width: 100%;
        height: 3em;
        font-size: 10pt;
    }

    input[type=text] {
        font-size: 10pt;
    }

    input[type=text]:focus {
        font-size: 10pt;
    }

    input[type=email] {
        font-size: 10pt;
    }

    input[type=email]:focus {
        font-size: 10pt;
    }

    #submit {
        width: 8em;
        margin-top: 0em;
    }

    .send-btn {
        font-size: 10pt;
    }

    #contact-text {
        padding: 2em 0em 2em 0em;
    }

    .text {
        margin: auto;
        float: left;
        margin-left: 10vw;
    }
    .text > .social-icons {
        width: 100%;
        margin-left: 12px;
        padding-bottom: 2em;
    }
    .logo-contact {
        width: 60%;
    }

    .text > p {
        width: 100%;
        font-size: 10pt;
    }

    .text > .visitus {
        width: 99%;
    }

    #footer-image {
        top: 0em;
    }

    #watermark {
        width: 100%;
        margin: 0 auto;
        margin-top: 1em;
        padding-bottom: 1em;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }


    /*---------------------------------Galeria Landscape-------------------------*/
    #main {
        top: 4em;
    }

    .text-content {
        padding-bottom: 1em;
        width: 80%;
    }

    .text-content > .text {
        width: 100%;
    }

    #watermark-gallery {
        position: relative;
        display: block;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

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

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

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



    /*

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

#caixas-topo-rodape > .box > .box-image-content > .pq-projeto > h4{
    font-size:22pt;
    padding-top:33vw;
} 
    
    h3
{
     font-size:22pt;
}

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


    
/*--------------------------------------*/
    /*

#cabecalho 
{ 
    height:4em;
} 

#conteudo-cabecalho 
{  
    width:80%;
}  
    
    #logo 
{   
    width:8em;
} 
    
#logo > a > img
{
    margin-top:1em; 
}

#navegacao
{  
    width:2em;
    height:2em;
    margin-top:.5em;
}
    
#navegacao > ul{
    display: none;
}
    
#cabecalho-mae
{
    width:50%;
    top:30vh; 
}   
    
#botao
{  
    margin:0 auto;
    width:7.8em;
    display: block;
}
    
.botao-partilha-topo
{
   top:0em;      
}
    
.botao-partilha
{
    width:2em; 
    height:2em;
} 
    
.partilha-icones
{  
    width:12em;
    height:2em;
    margin-left:1.4em;
    top:-2em;
}
    
.icones > a > img{
    width:2em;
}
    
.botao-rolagem
{
    top:0;
}
   
#artigo1
{   
    width:90%;
}
    
.artigo-rodape-texto
{
    width:90%;
    margin:0 auto;
}
    
.cabecalho-rodape-titulo
{
    width:90%;
    margin:0 auto;
    padding-bottom: 1em;
}
    
.corpo-rodape-fundo
{
    width:90%;

}
    
.artigo-texto > h4
{
    margin-top:22vw;
}
    
.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;
}
    */
}










@media screen and (min-width:769px) and (max-width:968px) and (orientation:landscape) {


    /*-----------------------------------PADRÃO FONTES-----------------------------*/
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 22pt;
    }

    h3 {
        font-size: 22pt;
    }

    h6 {
        font-size: 14pt;
    }

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

    /*----------------------------MENU RESPONSIVO--------------------------------------------*/
    .overlay-content {
        top: 20%;
        /* 25% from the top */
        width: 10em;
    }

    .overlay a {
        padding: .8em 0em .8em 0em;
        font-size: 10pt;
    }

    .overlay .closebtn {
        top: 1.8vw;
        right: 10vw;
        font-size: 20pt;
    }

    /*----------------------------------INDEX.PHP STYLES--------------------------------------------*/
    #cabecalho {
        height: 6em;
    }

    #conteudo-cabecalho {
        width: 80%;
    }

    #logo {
        width: 13em;
    }

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

    #navegacao {
        width: 2.5em;
        height: 2.5em;
        margin-top: 1.2em;
    }

    #navegacao > ul {
        display: none;
    }

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

    #rodape-mae {
        height: 4em;
        bottom: 0em;
    }

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

    .botao-partilha {
        width: 1.5em;
        height: 1.5em;
    }

    .partilha-icones {
        width: 11em;
        height: 1.5em;
        margin-left: .5em;
        top: -1.5em;
    }

    .icones > a > img {
        width: 1.3em;
    }

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

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

    #rodape {
        margin-top: -3em;
        padding-top: 0em;
    }

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

    #caixas-topo-rodape > .box > .box-image-content > .pq-projeto > h4 {
        color: white;
        text-align: center;
        margin-top: 6vw;
    }

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

    #marca-agua {
        margin-top: 0em;
        transform: rotate(-0deg);
    }

    /*-----------------------------STYLE PÁGINA DE CONTACTOS-----------------------*/
    #map {
        padding-top: 6em;
        width: 100%;
        height: 20em;
    }

    #contact-main {
        padding: 2em 0 2em 0;
    }

    form {
        width: 80%;
    }

    legend {
        font-family: 'Playfair Display', serif;
        font-size: 16pt;
    }

    input {
        width: 100%;
        height: 3em;
        font-size: 10pt;
    }

    input[type=text] {
        font-size: 10pt;
    }

    input[type=text]:focus {
        font-size: 10pt;
    }

    input[type=email] {
        font-size: 10pt;
    }

    input[type=email]:focus {
        font-size: 10pt;
    }

    #submit {
        width: 8em;
        margin-top: 0em;
    }

    .send-btn {
        font-size: 10pt;
    }

    #contact-text {
        padding: 2em 0em 2em 0em;
    }

    .text {
        margin: auto;
        float: left;
        margin-left: 10vw;
    }
    .text > .social-icons {
        width: 100%;
        margin-left: 0px;
        padding-bottom: 2em;
    }

    .logo-contact {
        width: 60%;
    }

    .text > p {
        width: 100%;
        font-size: 10pt;
    }

    .text > .visitus {
        width: 99%;
    }

    #footer-image {
        top: 0em;
    }

    #watermark {
        width: 100%;
        margin: 0 auto;
        margin-top: 1em;
        padding-bottom: 1em;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }

    /*---------------------------------Galeria Landscape-------------------------*/
    #main {
        top: 3.5em;
    }

    .text-content {
        padding-bottom: 1em;
        width: 80%;
    }

    .text-content > .text {
        width: 100%;
    }

    #watermark-gallery {
        position: relative;
        display: block;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

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

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


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













    /*
   h1, h2, h3, h4, h5, h6
{
    font-size:22pt;
} 
  
#caixas-topo-rodape > .box > .box-image-content > .pq-projeto > h4{
    font-size:22pt;
    padding-top:35vw;
}     
    
    
    h3
{
     font-size:22pt;
}

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


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

#conteudo-cabecalho 
{  
    width:80%;
}  
    
    #logo 
{   
    width:8em;
} 
    
#logo > a > img
{
    margin-top:1em; 
}

#navegacao
{  
    width:2em;
    height:2em;
    margin-top:.5em;
}
    
#navegacao > ul{
    display: none;
}    

#cabecalho-mae
{
    width:40%;
    top:30vh; 
}   
    
#botao
{  
    margin:0 auto;
    width:7.8em;
    display: block;
}
    
.botao-partilha-topo
{
   top:0em;      
}
    
.botao-partilha
{
    width:2em; 
    height:2em;
} 
    
.partilha-icones
{  
    width:12em;
    height:2em;
    margin-left:1.4em;
    top:-2em;
}
    
.icones > a > img{
    width:2em;
}
    
.botao-rolagem
{
    top:0;
}
   
#artigo1
{   
    width:50%;
}
    
.artigo-rodape-texto
{
    width:50%;
    margin:0 auto;
}
    
.cabecalho-rodape-titulo
{
    width:44%;
    margin:0 auto;
    padding-bottom: 1em;
}
    
.corpo-rodape-fundo
{
    width:50%;
}
    
.artigo-texto > h4
{
    margin-top:24vw;
}
    
.artigo-texto > h4
{
    padding:1em 0em .3em 0em;
}
    
.artigo-3-size
{
    margin-top:-0vw;
}

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

#marca-agua
{
    margin-top:-17vw;
}*/
}