* {
    margin:0; padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* border: 1px solid red; */
}
/* font-family: 'Roboto', sans-serif; */
/* font-family: 'Bebas Neue', cursive; */


.titulo-pag-dentro, .subtitulo-pag-dentro {
    font-family: 'Bebas Neue', cursive;
    color: #000000;
    font-size: 70px;
    float: left;
    margin-bottom: 30px;
}
.subtitulo-pag-dentro {
    font-size: 40px;
    margin-bottom: 40px;
}

.botao-principal {
    background-color: #CB1730;
    border-radius: 50px;
    border: none;
    font: 23px 'Bebas Neue', cursive;
    padding: 15px 30px 16px;
    float: left;
    box-shadow: 0 12px 14px rgba(232,50,65,0.34);
}
.botao-principal:hover {
    background-color: rgb(161, 22, 34);
}

/************************************************ PROXIMOS EVENTOS ************************************************/
/************************************************ PROXIMOS EVENTOS ************************************************/
/************************************************ PROXIMOS EVENTOS ************************************************/

/********************************* RESPONSIVE ********************************/

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

    .titulo-pag-dentro {
        font-size: 40px;
    }

    .tipos-eventos {
        float: left;
        font: 24px 'Bebas Neue', cursive;
        margin-top: 0;
    }

    .img-bloco-evento {
        width: 100%;
        margin: 0 0 0 -15px;
        height: 230px;
        position: absolute;
    }
    .info-bloco-evento {
        padding: 20px 20px;
        width: 100%;
        height: auto;
        position: relative;
        margin-top: 200px;
        text-align: center;
    }
    .flag-dias {
        margin-top: 130px;
    }
    .data-prox-evento {
        font: 25px 'Bebas Neue', cursive;
        text-align: left;
        padding: 0 15px;
    }
    .desc-prox-evento {
        font: 14px 'Roboto', sans-serif;
        line-height: 20px; 
        margin-top: 10px;
    }
    .botao-principal {
        font: 23px 'Bebas Neue', cursive;
        padding: 15px 30px 16px;
        float: left;
        box-shadow: 0 12px 14px rgba(232,50,65,0.34);
        position: relative;
        margin: 20px 0 15px;
    }

}

/************************************************ QUEM SOMOS ***********************************************/


/********************************* RESPONSIVE ********************************/

@media only screen and (max-width:991px) {
    .box-next-events .desk {
        display: none;
    }
    .box-next-events .mob {
        display: block;
        padding: 0;
        margin-bottom: 10px
    }

    /*página sobre*/
    .page-about .bloco-sobre .box-content {

    }
        .page-about .bloco-sobre .box-content picture {
            padding: 0 0 15px 0;
        }
}

    .bloco-equipe {
        padding-top: 480px;
        margin-top: -280px;
    }
}
@media only screen and (max-width: 768px) {
    .bloco-equipe {
        padding-top: 580px;
        margin-top: -200px;
    }
    .bloco-experiencias {
        /*
        width: 450px;
        padding: 60px;
        right: 10%;
        top: 350px;
        */
    }
}

@media only screen and (max-width: 576px) {
/*
    .img-quemsomos {
        width: 180%;
        height: 180%;
        margin-left: -170px;
        max-width: unset;
    }
*/
    .bloco-experiencias {
        /*
        width: 95%;
        padding: 20px 20px 40px;
        margin: -90px auto 0;
        position: unset;
        font-size: 15px;
        */
    }
    .bloco-equipe {
        padding-top: 460px;
        margin-top: -400px;
    }
    .foto-pessoa {
        visibility: hidden;
    }
    .desc-pessoa {
        margin-top: -160px;
        margin-bottom: 70px;
    }
    .blocao {
        overflow: hidden;
    }
    .bloco-fotos-equipe {
        width: 240%;
        margin: 80px auto 0;
        overflow: scroll;
        height: 135px;
        position: absolute;
    }
    .curriculo-pessoa {
        font: 14px 'Roboto', sans-serif;
        line-height: 20px;
    }

}


/************************************************ LG ************************************************/

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

    .data-prox-evento {
        font: 25px 'Bebas Neue', cursive;
    }

}

/************************************************ MD ************************************************/

@media only screen and (max-width: 992px) {
}


/************************************************ SM ************************************************/

@media only screen and (max-width: 768px) {
}

/************************************************ XL ************************************************/