/*Breakpoint Large*/
@media (max-width: 991.98px) {
    
}


/*Breakpoint Medium*/
@media (max-width: 767.98px) {
    #logo_cabecera{
        width: 100%;
        height: auto;
    }

    .bottom_circulos_naranja{
        display: none;
    }

    .top_circulos_naranja{
        display: none;
    }

    .titulo_central_correo{
        font-size: 2em;
    }

    .seccion_redes_publicaciones h3{
        padding: 0 0 10px 0;
        border-bottom: 2px solid #6e24a8;
        border-right: none;
    }
    
}

/*Breakpoint Small*/
@media (max-width: 575.98px) {
    .middle_texto {
        position: relative;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        background-color: #ec7343;
    }

    .texto_informacion {
        position: relative;
    }

    .background_circulos {
        background-image: url("../../media/svg/back_circulos_movil.svg");
        background-size: 100% auto;
        background-repeat: repeat-y;
    }

    .contenedor_para_publicar{
        min-height: 70vh;
    }

    #foto_blog_eje{
        top: 20px;
        right: -70px;
        height: 60vh;
    }

    .flecha_up_correo p{
        font-size: 2em;
    }

    .contenedor_general_publicar{
        overflow: hidden;
    }

    .flecha_subir{
        height: 18vh;
    }

    .cabecera_naranja_onda{
        min-height: 35vh;
    }

    .titles_header_orange h2{
        font-size: 1.5em;
    }
    
    .titles_header_orange h1{
        font-size: 2.5em;
    }

    .right_circulos_naranja{
        display: none;
    }

    .titulo_central_flechas{
        font-size: 1.1em;
    }

    .contenedor_flechas_titulos{
        overflow-x: hidden;
    }

    .contenido_texto_publicaciones h1{
        font-size: 1.5em;
        letter-spacing: 0em;
        line-height: 25px;
    }

    .contenido_texto_publicaciones h2{
        color: #706f6f;
        font-size: 1.2em;
    }
  
}


/*Breakpoint X-Small*/
@media (max-width: 375.98px) {
    .contenedor_para_publicar{
        min-height: 50vh;
    }

    #foto_blog_eje{
        right: -40px;
        box-sizing: content-box;
        height: 90%;
    }

    .flecha_subir{
        height: 10vh;
    }

    .button_publicar {
        font-size:1em;
        padding:10px 17px;
        letter-spacing: .1em;
    }

    .flecha_up_correo p{
        font-size: 1.7em;
    }

    .titles_header_orange h2{
        font-size: 1em;
    }
    
    .titles_header_orange h1{
        font-size: 1.5em;
    }

    .titulo_central_correo{
        font-size: 1.5rem;
    }

    .recuadro_contenedor_texto{
        border-left:5px solid #fc6932;
    }

    .contenedor_texto_general{
        font-size: .9em;
    }
    
    
}