body {
    font-family: 'Roboto Condensed', sans-serif,verdana;
}



/*
Base geral
*/

#beta {
    text-align: center;
}
#espaco {
    background: #ffffff;
    padding-top: 85px;
}
#rodape {
    display: flex;
    flex-direction: column;
    background: #ffffff;
    text-align: center;
    padding: 15px;
    
}

#banner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    
}

#banner div {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
#banner img {
    display: flex;
    max-width: 100%;
}


#templo {
    display: flex;
    flex-direction: column;
    padding: 15px;
    justify-content: center;
    text-align: center;
}

#templo lo{
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: center;
    justify-content: center;
}
#templo p {
    padding: 15px;
    max-width: 100%;
    margin: 5px;
}
#templo div{
 flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    max-width: 100%;
}

#destaque {
    display: flex;
    flex-direction: column;
    background: #c1cdc5;
    justify-content: center;
    align-items:center;
 
}
#destaque div {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
    padding: 15px;
    border: 15px;
}
#destaque p {
    color: #ffffff;
    padding: 10px;
}

#destaque h2 {
    color: #ffffff;
    padding: 10px;
    font-size: 
}
#destaque lo {
    display: flex;
    flex-direction: row;
}

#destaque .botao {
    text-decoration: none;
    background-color: #626f67;
    color: #ffffff;
    padding:5px 10px 5px;
    border: 15px;
}






#promocao {
    display: flex;
    flex-direction: column;
    background: #ffffff;
    justify-content: center;
    align-items:center;
    padding: 30px
 
}
#promocao div {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
    padding: 15px;
    border: 15px;
}
#promocao p {
    color: #000000;
    padding: 10px;
}

#promocao h2 {
    color: #000000;
    padding: 10px;
    font-size: 
}
#promocao lo {
    display: flex;
    flex-direction: row;
    padding: 
}

#promocao .botao {
    text-decoration: none;
    background-color: #626f67;
    color: #ffffff;
    padding:5px 10px 5px;
    border: 15px;
}












#sub {
    display: flex;
    flex-direction: column;
    background: #ffffff;
    justify-content: center;
    align-items:center;
    padding: 30px
 
}
#sub div {
    flex-direction: column;
    justify-content:center;
    text-align: center;
    align-items: center;
    padding: 15px;
    border: 15px;
}
#sub p {
    color: #000000;
    padding: 10px;
}

#sub h2 {
    color: #000000;
    padding: 10px;
    font-size: 
}
#sub lo {
    display: flex;
    flex-direction: row;
    padding: 
}

#sub .botao {
    text-decoration: none;
    background-color: #000000;
    color: #ffffff;
    padding:5px 10px 5px;
    border: 15px;
}






#videos {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    
    
}
#videos div {
  padding: 15px;
}

#videos lo{
    display: flex;
}

#videos h2 {
    padding: 10px;
    size:10px;
}

#videos iframe {
    display: flex;
    max-width: 100%;
}








#criare {
    display: flex;
    flex-direction:row;
    background:#c1cdc5;
    align-items: center;
    text-align: center;
    color: #ffffff;
    justify-content: center;
}

#criare img{
    max-width: 100%;
}
#criare lo {
    display: flex;
    flex-direction: column;
    padding: 10px;
}

#criare div {
    max-width: 100%;
}

#criare p {
    width: 400px;
    text-align: left;
}

#divisao {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #ffffff;
}

#conteudo {
    display: flex;
    flex-direction: column;
    align-items: center;
    
    justify-content: center;
    background: #c1cdc5;
    padding: 10px;
}
#conteudo img {
    display: flex;
    max-width: 100%;
    padding: 10px
    
}
#conteudo p {
    padding-left: 10px;
    color: #fff;
}







#topo {
    display: flex;
    flex-direction:row;
    background:#000;
    align-items: center;
    text-align: center;
    color: #ffffff;
    justify-content: center;
}

#topo lo {
    display: flex;
    flex-direction: column;
    padding: 10px;
}
#topo img{
    max-width: 100%;
}

#topo div {
    max-width: 500px;
    align-items: center;
    justify-content: center;
}
topo p {
    width: 400px;
    text-align: left
}
topo img{
    max-width: 100%;
}

#divisao2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #ffffff;
}

#conteudo2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    
    justify-content: center;
    background: #000;
    padding: 10px;
}
#conteudo2 img {
    display: flex;
    max-width: 100%;
    padding: 10px
    
}

#conteudo2 p {
    color: #ffff;
    text-align-last: left;
    padding-left: 10px;
}


















#contato {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #c1cdc5;
    text-align: center;

}
#contato h2 {
    padding: 15px;
    color: #ffffff;
}

#contato p {
    padding: 15px;
    color: #ffffff;
    font-size: 80px;
}
#contato lo {
    flex-direction: row;
}
#contato iframe {
    padding: 35px;
}



#rsocial {
  display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

#rsocial div {
    padding: 10px
}





#mapa {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    
}

#mapa iframe {
    padding: 30px;
    max-width: 100%;
}



#redes {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px;
    background: #000000;
}

#redes lo {
    flex-direction: row;
}

#rodape p {
    color: #ffffff;
}

#rodape {
    color:#ffffff;
    background: #000000;
}



@media screen and (max-width: 1000px) {
/*
PAREIROS
*/
    #banner img {
        display: flex;
        flex-direction: column;
        max-width: 100%;
    }

    #templo {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    #templo div {
        max-width: 100%;
    }
    #templo lo{
        display: flex;
        flex-direction: column;
    }
    
    #templo lo img{
        max-width: 100%;
    }
    
    #destaque lo {
       flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
     #promocao div {
        max-width: 100%;
    }
    
    
     #promocao lo {
       flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
     #destaque div {
        max-width: 100%;
    }
    
    
    
     #videos lo {
       flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
     #videos div {
        max-width: 100%;
    }
    
  
     #contato lo {
       flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
     #contato div {
        max-width: 100%;
    }
    
    #contato iframe {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        max-width: 80%;
    }
    
    #contato p{
        font-size: 100%;
    }
    
    #mapa {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
}
    #mapa iframe {
        max-width: 350px;
    }

    
    
    
    #sub lo {
        display: flex;
        flex-direction: column;
    }
    
    
    #criare {
    display: flex;
    flex-direction:column;
    background:#c1cdc5;
    align-items: center;
    text-align: center;
    color: #ffffff;
    justify-content: center;
}
    
    #rsocial {
  display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}