/* GLOBAL */
html {font-family: 'Montserrat', sans-serif;}
ul {list-style: none; padding-left: 0;}
.col-lg-4 {z-index: 2;}
b {color: #64060f}
li {color: #64060f;}

/* REDES SOCIAIS */
.redes-sociais {margin-top: 25px;margin-bottom: 0; position: relative;}
.redes-sociais::before {content: "";display: block; background: url("../img/Pontos-1.png") no-repeat; background-size: 120%; background-position: 100%;height: 50px; width: 100px; position: absolute; left: 0;top: 0;z-index: -1;}
.redes-sociais::after {content: "";display: block; background: url("../img/Pontos-2.png") no-repeat; background-size: 120%; background-position: 100%;height: 50px; width: 100px; position: absolute; right: 0;bottom: 0;z-index: -1;}
.redes-sociais ul {display: flex;overflow: auto;margin: 0;}
.redes-sociais ul li {margin: auto;}
.redes-sociais ul li a span {display: none;}
.redes-sociais ul li img {width:80px;} 

    @media(max-width: 768px){
        .redes-sociais ul li img {width:50px;} 
    }

    @media(max-width: 576px){
        .redes-sociais ul li img {width:40px;} 
    }


/* CONTAINER TEXTO */
.container-texto-destaque h2 {color: #38bacd; font-size: 56px ; font-weight: 900;text-align: center; margin-top: 60px;}
.container-texto-destaque p {font-size: 18px; margin-bottom: 30px; text-align: center; color: #64060f; font-weight: bold}

@media(max-width: 992px){
    .container-texto-destaque h2 {font-size: 38px; margin-bottom: 15px;}
}

@media(max-width: 420px){
    .container-texto-destaque h2 {font-size: 28px; margin-bottom: 30px;}
}

/* APRESENTACAO */
.container-apresentacao {text-align: center; color: #38bacd;}
.container-apresentacao {margin-bottom: 40px;margin-top: 20px;}
.container-apresentacao h2,
.container-text-explicativo .container-texto h2 {text-transform: uppercase; font-size: 40px; font-weight: 900; color: #38bacd;}
.container-apresentacao p,
.container-text-explicativo p { font-size: 14px; color: #64060f;font-weight: 600;letter-spacing: 1px; line-height: 20px;}

/* CONTAINER EXPLICATIVO */
.container-text-explicativo .container-imagem {z-index: 1;}
.container-text-explicativo .container-imagem::after {content: "";display: block; background: url("../img/Pontos-1.png") no-repeat; background-size: 120%; background-position: 100%;height: 50px; width: 100px; position: absolute; right: 95px;top: -40px;z-index: -1;}
.container-text-explicativo.mirror .container-imagem::after {content: "";display: block; background: url("../img/Pontos-2.png") no-repeat; background-size: 120%; background-position: 100%;height: 50px; width: 100px; position: absolute; left: 0;top: -15px;z-index: -1;}
.container-text-explicativo {margin-top: 100px;}
.container-text-explicativo.mirror {margin-top: 100px;}
.container-text-explicativo .container-texto { border: 3px solid #64060f; padding: 30px 30px 30px 90px;margin-left: -120px;}
.container-text-explicativo.mirror .container-texto {text-align: left; padding: 30px 60px 30px 100px;margin-top: 40px;margin-right: -70px; }
.container-text-explicativo.mirror a {word-break: break-all;}

    @media(max-width: 992px){
        .container-text-explicativo .container-imagem {text-align: center; margin: 0 auto -20px; }
        .container-text-explicativo .container-texto {padding: 30px; text-align: center;margin-left: unset;}
        .container-text-explicativo.mirror .container-imagem {text-align: center; margin: 0 auto -50px;}
        .container-text-explicativo.mirror .container-texto {padding: 30px; text-align: center;margin-right: unset;}
        .container-text-explicativo .container-imagem::after {-moz-transform: scaleX(-1);-o-transform: scaleX(-1);-webkit-transform: scaleX(-1);transform: scaleX(-1); right: 0;}
        .container-text-explicativo.mirror .container-imagem::after {transform: rotate(180deg);}
    }

    @media(max-width: 768px){
        .container-text-explicativo.mirror {top: 360px;}
        .container-text-explicativo .container-imagem,
        .container-text-explicativo.mirror .container-imagem {max-width: 200px; width: 100%;}
    }

    @media(max-width: 576px){
        .container-text-explicativo .container-texto,
        .container-text-explicativo.mirror .container-texto {padding: 30px;}
        .container-apresentacao h2,
        .container-text-explicativo .container-texto h2 {font-size: 26px;margin-top: 25px;}
    }

    @media(max-width: 400px){
        .container-text-explicativo.mirror {top: 580px;}
    }

.container-contato {background-color: #64060f; color: #fff;padding-bottom: 50px;padding-top: 50px;text-transform: uppercase;position: relative;}
.container-contato::before {content: "";background: url("../img/Mandato-Participativo.png") no-repeat -54% 0%; width: 450px; height: 350px;display: block;position: absolute; right: 0; bottom: 0;}
.container-contato h2 {text-transform: uppercase; font-size: 40px; font-weight: 900; color: #38bacd;}
.container-contato input, .container-contato textarea {border-radius: 0; background-color: transparent; border: 2px solid #fff;}
.container-contato input::placeholder {color: #fff; }
.container-contato button i {text-align: center; font-size: 26px; padding: 4px 36px;}

    @media(max-width: 992px){
        .container-contato {padding-bottom: 260px;}
    }

    @media(max-width: 576px){
        .container-contato {padding-bottom: 300px;}
    }