/*
* FOOTER PADRÃO
*/

footer.padrao {
    background-color: #363334;
}
section.footer {
    padding: 30px 0 60px 0;
}

/* TÍTULO */
div.titulo_footer {
    width: auto;
    padding: 0 14%;
    display: inline-block;
    position: relative;
    top: -15px;
    overflow-x: hidden;
}
div.titulo_footer > div.fundo {
    height: 100%;
    width: 100%;
    background-color: #7bbc54;
    transform: skewX(30deg);
    position: absolute;
    left: -10%;
    z-index: 0;
}
h1.titulo_footer {
    font-size: 2em;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
    padding: 14px 0;
    position: relative;
    z-index: 1;
}

/* LOGO */
figure.footer_logo {
    height: 100%;
    width: 100%;
    padding: 8%;
}
img.footer_logo {
    height: auto;
    width: 100%;
}

/* ENDEREÇO */
span.footer_endereco {
    display: block;
    position: relative;
    color: #fff;
}
i.footer_icone {
    position: absolute;
    left: -25px;
}

/* TEXTO E LISTA */
h2.footer {
    font-size: 1.5em;
    font-weight: bold;
    line-height: 2em;
    text-transform: uppercase;
    color: #fff;
}
a.footer {
    font-size: 1.15em;
    text-decoration: none;
    color: #fff;
}
a.footer:hover {
    text-decoration: underline;
}
ul.footer {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* DESENVOLVIMENTO */
section.desenvolvimento {
    background-color: #fff;
    color: #000;
}
div.desenvolvimento {
    padding: 15px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
div.empresa {
    position: absolute;
    left: 0;
}
span.empresa {
    font-weight: 600;
    color: #808080;
}
a.desenvolvedor {
    display: block;
    text-decoration: none;
}
span.desenvolvedor {
    font-weight: 600;
    color: #808080;
}
img.desenvolvedor {
    margin: 2px;
}

/*
* MOBILE
*/

@media only screen and (max-width: 767px) {
    /* TÍTULO */
    h1.titulo_footer {
        font-size: 0.8em;
    }

    /* FOOTER */
    section.footer {
        width: 80%;
        margin: 0 auto;
        font-size: 0.85em;
    }

    /* DESENVOLVIMENTO */
    div.desenvolvimento {
        flex-direction: column;
    }
    div.empresa {
        padding: 10px 0;
        position: initial;
    }
    div.densenvolvedor {
        padding: 10px 0;
    }
}

/*
* LAPTOP
*/

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    /* TÍTULO */
    h1.titulo_footer {
        font-size: 1.2em;
    }

    /* FOOTER */
    section.footer {
        font-size: 0.85em;
    }

    /* DESENVOLVIMENTO */
    div.desenvolvimento {
        justify-content: flex-end;
    }
}