#section-central{
    display: flex;
    justify-content: space-evenly;
}

#article-central{
    width: 100%;
    height: 55.8vh;
}

#nome-pag{
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

#input-cep{
    
   
    border: none;
    border-radius: 7px;
    padding: 10px;
    width: 350px;
    outline: none;
    font-size: 19pt;
    margin: 5px;
    margin-top: 5px;
}

#but-input{
    background-color: rgb(255, 255, 255);
    border-radius: 8px;
    border: 1px solid white;
    color: rgb(255, 255, 255);
    cursor: pointer;
    transition: 2s;
}

#but-input:hover{
    transform: scale(1.6);
}

#but-criar-qr{
    display:flex;
    justify-content: end;
    margin: 10px;
}

#but-criar-qrCode{
    background-color: transparent;
    color: blue;
    border-radius: 9px;
    border: none;
    padding: 6px;
    font-family: sans-serif;
    font-weight: bolder;
    cursor: pointer;
    font-size: 12pt;
}

#but-criar-qrCode:hover{
    background-color: aliceblue;
}

#mapa-do-amor{
    display:flex;
    justify-content: end;
    margin: 10px;
}

#but-mapa-amor{
    background-color: transparent;
    color: blue;
    border-radius: 9px;
    border: none;
    padding: 6px;
    font-family: monospace;
    font-weight: bolder;
    cursor: pointer;
    font-family: sans-serif;
    font-size: 12pt;

}

#but-mapa-amor:hover{
    background-color: aliceblue;
}

#header-pagCep{
    background-color: rgb(255, 255, 255);
    padding: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 0%;
    color: rgb(69, 69, 198);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20pt;
}

#juncao-de-botoes{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: right;
    background-color: white;
}

#tex-pag{
    font-family: monospace;
    font-size: 26pt;
    color: white;
    padding: 30px;
    animation: titulo 2s;
    text-align: left;
    text-align: justify;
}

#div-infoCep{
    display: flex;
    justify-content: space-evenly;
    text-align: left;
    color: white;
    font-size: 16pt;
}

@keyframes titulo {
    from{
        transform: rotateX(90deg) ;
    }to{
        transform: rotate(0deg) ;
    }
}


#buscar-cep{
    padding: 0px;
    color: white;
    background-color: rgba(40, 22, 22, 0.671);
    border-radius: 9px;
    display: flex;
    justify-content: space-around;
    font-size: 36pt;
    margin: 5px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

h3{
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}



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


    #mapinha-no-header{
        width: 60px;
        height: 60px;
    }

    #input-cep{
        padding: 0;
        width: 320px;
        padding: 10px;
    }

    body{
        padding: 0%;
        margin: 0%;
        width: auto;
    }

    #div-infoCep{
        display: flex;
        flex-direction: column;
        flex-wrap:wrap;
        justify-items: center;
        justify-content: center;
        padding: 10px;
        align-items: center;
        font-size: 16pt;
    }

    #nome-pag{
       font-size: 18pt;
       display: block;
       font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
       font-size: 25pt;
    }

    #article-central{
        height: 16vh;
    }
}


#article-qr-centra{
    height: 50%;
    background-color:white;
}

body{
    background-color: #000000;
}

#header-qr{
    font-size: 29pt;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    background-color:white;
    color: black;
}

#section-qr-central{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    justify-items: center;
    align-items: center;
    padding: 80px;
}

#but-qr-code{
    margin-top: 7px;
    background-color: transparent;
    color: blue;
    border: none;
    border-radius: 6px;
    padding: 9px;
    font-weight: bold;
    cursor: pointer;
    width: 120px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 17pt;
}

#but-qr-code:hover{
    background: aliceblue;
    color: steelblue;
}

#input-qr{
    width: 400px;
    border: 1px solid rgb(15, 41, 242);
    padding: 11px;
    border-radius: 6px;
    outline: none;
    margin-top: 10px;
}


#lgpd{
    color: rgb(55, 0, 254);
    margin: 5px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    background-color: rgb(255, 255, 255);
    font-weight: bolder;
    border: 3px solid black;
    cursor: pointer;
}

#aside-qr-code{

  color: rgb(0, 0, 0);
  padding: 15px;
  margin: 9px;
  font-size: 19pt;
  background-color: aliceblue;
}


#footer-pag{
    text-align: center;
}


@media screen and (max-width:680px) {
    
    #input-qr{
        width: 250px;
        padding: 10px;
        
    }

    #header-qr{
        font-size: 21pt;
        background-color: white;
        color: black;
    }

    #article-qr-centra{
        width: 100%;
        margin: 0%;
        height: 100%;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        justify-items: center;
        align-items: center;
        
    }
    
}

#map{
    height: 220px;
    width: 100%;
    
}

#longlati{
    color: white;
    margin: 10px;
    padding: 5px;
}

#section-videos-parte-um{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding: 20px;
}

#article-videos{
    background-color: rgb(255, 255, 255);
}

#section-videos-parte-dois{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding: 10px;
}


#article-amazonia{
    background-color: black;
}

#header-amazonia{
    font-size: 26pt;
    font-family: 'Times New Roman', Times, serif;
    padding: 30px;
}
   
#header-amazonia{
    font-size: 32pt;
    background: linear-gradient(green, rgb(57, 222, 57));
    font-family: 'Courier New', Courier, monospace;
}

#div-amazonia-um{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
    justify-content: space-evenly;
    padding: 10px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 18pt;
}

#article-amazonia{
    background: linear-gradient( rgb(57, 222, 57), white);
}

#paragrafo-amazonia-um{
    width: 700px;
    text-align: justify;
    background-color: rgba(12, 6, 6, 0.58);
    border-radius: 8px;
    color: white;
    padding: 20px;
}




@media screen and (max-width:680){
    #div-amazonia-um{
        width: 320px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

    #div-amazonia-um{
        width: 400px;
        text-align: justify;
    }
}

#paragrafo-amazonia-dois{
    background-color: rgba(12, 6, 6, 0.58);
    padding: 5px;
    color: white;
    border-radius: 8px;
    width: 700px;
    padding: 5px;
    text-align: justify;
    padding: 20px;
}

#div-amazonia-dois{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
    justify-content: space-evenly;
    padding: 10px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 18pt;

}

#div-amazonia-demarcacao{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    background-color: black;
    color: white;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    padding: 10px;
    margin-bottom: 0%;
}

#header-demarcacao-amazonia{
    font-size: 20pt;
    width: 400px;
}

#item-demarcacao-amazonia{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#footer-final{
    background-color: darkblue;
}

#paragrafo-amazonia-demarcacao{
    width: 700px;
    text-align: justify;
    font-size: 18pt;
    border: 1px solid greenyellow;
    border-radius: 8px;
    padding: 10px;
}


#header-amazonia-um{
    background-color: white;
    color: rgb(0, 0, 0);
    margin-top: 15px;
    width: 600px;
    border-radius: 8px;
    font-size: 20pt;
    margin: 15px;
    padding: 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 0%;
    
}

#header-amazonia-dois{
    
    margin-top: 15px;
    border-radius: 8px;
    font-size: 20pt;
    margin: 15px;
    padding: 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    font-size: 20pt;
}

#header-interno-pdois{
    background-color: white;
    padding: 5px;
    border-radius: 8px;
    width: 600px;
    font-size: 21pt;
}

#header-demarcacao-um{
    font-size: 26pt;
    margin: 0;
    padding: 0;
}

#botao-amazonia{
    display:flex;
    justify-content: end;
    margin: 10px;
}

#but-amazonia{
    background-color:transparent;
    color: blue;
    border-radius: 9px;
    border: none;
    padding: 6px;
    font-family: monospace;
    font-weight: bolder;
    cursor: pointer;
    font-family: sans-serif;
    font-size: 12pt;
}

#but-amazonia:hover{
    background-color: aliceblue;
}

#text-video-um{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-items: center;
    align-items: center;
    width: 380px;
    color: rgb(0, 0, 0);
    font-size: 16pt;
    text-align: justify;
    font-family: Arial, Helvetica, sans-serif;
}

#text-video-dois{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-items: center;
    align-items: center;
    width: 380px;
    color: rgb(0, 0, 0);
    font-size: 16pt;
    text-align: justify;
    font-family: Arial, Helvetica, sans-serif;
}

#text-video-tres{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-items: center;
    align-items: center;
    width: 380px;
    color: rgb(0, 0, 0);
    font-size: 16pt;
    text-align: justify;
    font-family: Arial, Helvetica, sans-serif;
}

#text-video-quatro{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-items: center;
    align-items: center;
    width: 380px;
    color: rgb(0, 0, 0);
    font-size: 16pt;
    text-align: justify;
    font-family: Arial, Helvetica, sans-serif;
}

#text-video-cinco{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-items: center;
    align-items: center;
    width: 380px;
    color: rgb(0, 0, 0);
    font-size: 16pt;
    text-align: justify;
    font-family: Arial, Helvetica, sans-serif;
}

#text-video-seis{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-items: center;
    align-items: center;
    width: 380px;
    color: rgb(0, 0, 0);
    font-size: 16pt;
    text-align: justify;
    font-family: Arial, Helvetica, sans-serif;
}

#hearder-videos-article-videos{
    color: rgb(255, 254, 254);
    font-size: 36pt;
    background: linear-gradient(rgb(68, 74, 142), rgb(74, 119, 165));
    padding: 30px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

@media screen and (max-width:680px) {
    #paragrafo-amazonia-demarcacao{
        width: 400px;
    }

    #header-amazonia-um{
        width: 380px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        font-size: 22pt;
      
    }

    #header-interno-pdois{
        width: 380px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        font-size: 22pt;
        margin: 0;
        padding: 0;
    }

    #div-amazonia-demarcacao{
       margin-top: 10px;
    }

    #item-demarcacao-amazonia{
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #imagem-video-um{
        width: 100%;
        height: auto;
    }

    #imagem-video-dois{
        width: 100%;
        height: auto;
    }

    #imagem-video-tres{
        width: 100%;
        height: auto;
    }

    #imagem-video-quatro{
        width: 100%;
        height: auto;
    }

    #imagem-video-cinco{
        width: 100%;
        height: auto;
    }

    #imagem-video-seis{
        width: 100%;
        height: auto;
    }


    #text-video-um{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        justify-items: center;
        align-items: center;
        width: 100%;
        height: auto;
        color: rgb(0, 0, 0);
        font-size: 18pt;
        text-align: justify;
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    }

    #text-video-dois{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        justify-items: center;
        align-items: center;
        width: 100%;
        height: auto;
        color: rgb(0, 0, 0);
        font-size: 18pt;
        text-align: justify;
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    }
    
    #text-video-tres{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        justify-items: center;
        align-items: center;
        width: 100%;
        height: auto;
        color: rgb(0, 0, 0);
        font-size: 18pt;
        text-align: justify;
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    }
    
    #text-video-quatro{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        justify-items: center;
        align-items: center;
        width: 100%;
        height: auto;
        color: rgb(0, 0, 0);
        font-size: 18pt;
        text-align: justify;
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    }
    
    #text-video-cinco{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        justify-items: center;
        align-items: center;
        width: 100%;
        height: auto;
        color: rgb(0, 0, 0);
        font-size: 18pt;
        text-align: justify;
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    }
    
    #text-video-seis{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        justify-items: center;
        align-items: center;
        width: 100%;
        height: auto;
        color: rgb(0, 0, 0);
        font-size: 18pt;
        text-align: justify;
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    }

    #hearder-videos-article-videos{
        text-align: justify;
        background: linear-gradient(rgb(38, 61, 154), rgb(29, 61, 108));
    }

}

#id-mapa-transportepublico{
    display: flex;
    justify-content: space-evenly;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

#id-mapa-relevo{
    display: flex;
    justify-content: space-evenly;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center
}

#id-mapa-transito{
    display: flex;
    justify-content: space-evenly;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center
}

#id-mapa-ciclista{
    display: flex;
    justify-content: space-evenly;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center
}

#id-mapa-street{
    display: flex;
    justify-content: space-evenly;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center
}

#sec-mapaincendiosflorestais{
    background-color: rgba(255, 0, 0, 0.496);
}

#n1-incendioflorestal{
    margin-top: 0%;
}

#div-but-incendio{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

#but-incendio-mapa{
    background-color: yellow;
    padding: 10px;
    width: 120px;
    border: 1px solid white;
    border-radius: 6px;
    font-weight: bolder;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 14pt;
    margin-bottom: 20px;
    cursor: pointer;
}

#but-incendio-mapa:hover{
    background-color: rgb(247, 79, 49);
    color: white;
}

#p-texto-incendio{
    margin-right: 22px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin-top: 10px;
}

@media screen and (max-width:680px){
    
    #p-texto-transportepublico{
        margin-right: 22px;
        font-family: Arial, Helvetica, sans-serif;
    }

    #p-texto-relevo{
        margin-right: 22px;
        font-family: Arial, Helvetica, sans-serif;
    }

    #p-texto-transito{
        margin-right: 22px;
        font-family: Arial, Helvetica, sans-serif;
    }

    #p-texto-ciclista{
        margin-right: 22px;
        font-family: Arial, Helvetica, sans-serif;
    }

    #p-texto-street{
        margin-right: 22px;
        font-family: Arial, Helvetica, sans-serif;
    }
    
    #p-texto-incendio{
        margin-right: 22px;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        margin-top: 10px;
    }
}