@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic);

div.rodape-creditos
{
    width: 100%;
    display: table;
    float: left;
    margin-bottom: 20px;
    font-family: 'Libre Baskerville', serif;
    color: #FFFFFF;
    font-size: 22px;
    margin-top: 20px;
    border-bottom: #774B23 solid 3px;
    padding-bottom: 38px;
}
div.rodape-creditos a
{
    text-decoration: none;
    color: #FFFFFF;
}
div.rodape-creditos div.faixa-marrom
{
    display: table;
    background-color: #956433;
    height: 100px;
    float: left;
    
    margin: 5px 0px 5px 0px;
    min-width: 33%;
    text-align: center;
    padding-top: 35px;
}

div.rodape-creditos div.faixa-azul
{
    display: table;
    background-color: #006699;
    height: 100px;
    float: left;

    margin: 5px 0px 5px 0px;
    min-width: 33%;
    text-align: center;
    padding-top: 35px;
    margin-left: 4px;
}

div.rodape-creditos div.faixa-marrom-mapa
{
    display: table;
    background-color: #956433;
    height: 100px;
    float: right;
    
    margin: 5px 0px 5px 0px;
    min-width: 33%;
    text-align: center;
    padding-top: 35px;
}

@media (max-width: 640px) {
    div.rodape-creditos div.faixa-marrom
    {
        min-width: 100%;
    }
    div.rodape-creditos div.faixa-azul
    {
        min-width: 100%;
    }
    div.rodape-creditos div.faixa-marrom-mapa
    {
        min-width: 100%;
    }
}