/*
*
*
* estilos para modulo - COLUMNAS PERIODISTICAS
*
*/

.p6a_experienceList {
    padding-top: 20px;
    padding-bottom: 20px;
}

.p6a_experienceList .p6a_title_experiences {
    border-bottom: 1px solid #e2e2e2;
    /*border-bottom: 1px solid #000000;*/
    text-align: center;
    font-size: 50px;
    color: #333333;
    line-height: 50px;
    margin-bottom: 20px;
    margin-top: 20px
}

.p6a_experienceList .p6a_columns_distribution {
    -webkit-column-count: 5;
    /* Chrome, Safari, Opera */
    -moz-column-count: 5;
    /* Firefox */
    column-count: 5;
    /*espacio entre columnas*/
    -webkit-column-gap: 10px;
    /* Chrome, Safari, Opera */
    -moz-column-gap: 10px;
    /* Firefox */
    column-gap: 10px;
    /*alto de las columnas igualado*/
    -webkit-column-fill: balance;
    /* Chrome, Safari, Opera */
    -moz-column-fill: balance;
    /* Firefox */
    column-fill: balance;
}

.p6a_experienceList .p6a_columns_distribution h2 {
    /*para que no divida elementos entre las columnas*/
    -webkit-column-break-inside: avoid;
    /* Chrome, Safari, Opera */
    page-break-inside: avoid;
    /* Firefox */
    break-inside: avoid;
    /* IE 10+ */
}

.p6a_experienceList .p6a_experience_name{
    font-weight: 300!important;
    border-bottom: 1px solid #000000;
    line-height: 24px!important;
    font-size: 15px;
    padding-left: 5px;
    margin-bottom: 0px;
}


/* Large desktops and laptops */

@media (min-width: 1200px) {}


/* Landscape tablets and medium desktops */

@media (min-width: 992px) and (max-width: 1199px) {}


/* Portrait tablets and small desktops */

@media (min-width: 768px) and (max-width: 991px) {
    .p6a_experienceList .p6a_columns_distribution {
        -webkit-column-count: 3;
        /* Chrome, Safari, Opera */
        -moz-column-count: 3;
        /* Firefox */
        column-count: 3;
    }
}


/* Landscape phones and portrait tablets */

@media (max-width: 767px) {
    .p6a_experienceList .p6a_title_experiences {
        font-size: 40px;
    }
    .p6a_experienceList .p6a_columns_distribution {
        -webkit-column-count: 2;
        /* Chrome, Safari, Opera */
        -moz-column-count: 2;
        /* Firefox */
        column-count: 2;
    }
}


/* Portrait phones and smaller */

@media (max-width: 480px) {
    .p6a_experienceList .p6a_title_experiences {
        font-size: 34px;
    }
    .p6a_experienceList .p6a_columns_distribution {
        -webkit-column-count: 1;
        /* Chrome, Safari, Opera */
        -moz-column-count: 1;
        /* Firefox */
        column-count: 1;
    }
    .p6a_experienceList .p6a_columns_distribution h2 {
        text-align: center;
    }
}